@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&display=swap";:root{--font-sans:"Sora", sans-serif;--font-text:"Barlow", sans-serif;--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-500:#f59e0b;--accent-600:#d97706;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-app:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--card-bg:#ffffffd9;--card-border:#10b98114;--card-shadow:0 10px 30px -10px #0f172a0d, 0 1px 3px #10b98105;--card-shadow-hover:0 20px 40px -15px #0596691f, 0 4px 12px #0596690a;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-muted:var(--neutral-400);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--max-width:1200px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:dark){:root{--bg-app:#0b0f19;--bg-gradient:linear-gradient(135deg, #070a12 0%, #0f172a 100%);--card-bg:#1e293bb3;--card-border:#ffffff0d;--card-shadow:0 10px 30px #00000040;--card-shadow-hover:0 20px 40px #10b98126;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.custom-toast{background:var(--card-bg)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important;font-family:var(--font-sans)!important;border-radius:var(--border-radius-sm)!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:blur(12px)!important;transition:var(--transition-smooth)!important;padding:12px 18px!important;font-size:.95rem!important;font-weight:500!important}.custom-toast-container{margin-top:16px!important;margin-right:16px!important}.main{min-height:100vh}.login-container{background:var(--bg-gradient);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);width:100%;max-width:960px;min-height:600px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);display:flex;overflow:hidden}.login-card:hover{box-shadow:var(--card-shadow-hover)}.left-side{flex-direction:column;flex:1.1;justify-content:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}.banner-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0}.login-card:hover .banner-img{transform:scale(1.05)}.left-overlay{z-index:1;background:linear-gradient(#10b98126 0%,#0f172ad9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.login-text{z-index:2;color:#fff;flex-direction:column;gap:12px;display:flex;position:relative}.login-text h2{font-family:var(--font-sans);text-shadow:0 2px 4px #0003;font-size:2rem;font-weight:700;line-height:1.2}.login-text p{font-family:var(--font-text);opacity:.9;text-shadow:0 1px 2px #0003;font-size:1rem;line-height:1.5}.right-side{background:var(--card-bg);flex:.9;justify-content:center;align-items:center;padding:48px;display:flex}.auth-form{flex-direction:column;gap:22px;width:100%;max-width:360px;display:flex}.auth-header{flex-direction:column;gap:8px;display:flex}.auth-header h1{font-family:var(--font-sans);color:var(--text-primary);font-size:1.8rem;font-weight:700}.auth-header p{font-family:var(--font-text);color:var(--text-secondary);font-size:.9rem}.form-group label{font-family:var(--font-sans);color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-wrapper input{width:100%;font-family:var(--font-text);background:var(--bg-app);color:var(--text-primary);border:1px solid var(--neutral-300);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);padding:12px 14px 12px 42px;font-size:.95rem}.input-wrapper input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #10b9811f}.input-wrapper input::placeholder{color:var(--text-muted)}.submit-btn{width:100%;font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;margin-top:8px;padding:13px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 12px #10b98133}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-toggle{font-family:var(--font-text);color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:.9rem;display:flex}.toggle-link{font-family:var(--font-sans);color:var(--primary-500);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600}.toggle-link:hover{color:var(--primary-600);text-decoration:underline}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.login-card{flex-direction:column;max-width:440px;min-height:auto}.left-side{display:none}.right-side{padding:36px 24px}}.banner-container{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);color:#fff;width:100%;font-family:var(--font-sans);letter-spacing:.01em;z-index:50;justify-content:center;align-items:center;padding:10px 48px 10px 24px;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.banner-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.banner-content>span{background-color:#ffffff73;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.banner-text,.banner-style{align-items:center;gap:8px;display:flex}.banner-icon{stroke-width:2.2px;flex-shrink:0;width:18px;height:18px}.banner-close{color:#fffc;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.banner-close:hover{color:#fff;background:#ffffff26}.banner-close svg{width:16px;height:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.banner-content{flex-direction:column;gap:6px;padding:4px 0}.banner-content>span{display:none}}.navbar-container{z-index:100;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);width:100%;box-shadow:var(--card-shadow);transition:var(--transition-smooth);position:sticky;top:0;left:0}.navbar-flex{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:16px 24px;display:flex}.navbar-logo{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;transition:var(--transition-bounce);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo-icon{width:32px;height:32px;transition:var(--transition-bounce);flex-shrink:0}.navbar-logo:hover .navbar-logo-icon{transform:rotate(-6deg)scale(1.1)}.logo-accent{color:var(--primary-500)}.nav-links{flex:1;justify-content:space-between;align-items:center;gap:32px;display:flex}.nav-desktop{align-items:center;gap:28px;display:flex}.nav-desktop a{font-family:var(--font-sans);color:var(--text-secondary);transition:var(--transition-smooth);padding:6px 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-desktop a:hover{color:var(--primary-500)}.nav-desktop a:after{content:"";background-color:var(--primary-500);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-desktop a:hover:after{width:100%}.nav-search{flex:1;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.nav-search svg{width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:var(--transition-smooth);position:absolute;left:14px}.nav-search:focus-within svg{color:var(--primary-500);transform:scale(1.1)}.nav-products{width:100%;font-family:var(--font-text);background:var(--bg-app);color:var(--text-primary);border:1px solid var(--neutral-300);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);padding:10px 14px 10px 42px;font-size:.95rem}.nav-products:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #10b9811f}.nav-products::placeholder{color:var(--text-muted)}.navbar-right{align-items:center;gap:20px;display:flex}.cart-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.cart-btn:hover{background:var(--neutral-100);color:var(--primary-500)}.cart-icon{width:24px;height:24px}.cart-count{background:var(--primary-500);color:#fff;border:2px solid var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;animation:2s infinite pulseCart;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 5px #0000001a}@keyframes pulseCart{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.user-menu{position:relative}.user-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;display:flex}.user-btn:hover{background:var(--neutral-100)}.user-avtar{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 4px #10b98133}.chevron-icon{width:16px;height:16px;color:var(--text-secondary);transition:var(--transition-smooth)}.user-btn:hover .chevron-icon{transform:translateY(1px)}.login-btn{align-items:center;gap:12px;display:flex}.login-link{font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 10px #10b98126}.login-link:hover{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);transform:translateY(-1px);box-shadow:0 6px 14px #10b98140}.menu-icon,.close-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);display:none}.menu-icon:hover,.close-btn:hover{color:var(--primary-500)}.user-dropdown{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius-md);width:240px;box-shadow:var(--card-shadow);z-index:1000;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.user-dropdown-header{border-bottom:1px solid var(--card-border);flex-direction:column;gap:12px;padding:16px;display:flex}.user-info{margin-bottom:4px}.user-info p:first-child{font-family:var(--font-sans);color:var(--text-primary);font-size:.95rem;font-weight:600}.user-info p:last-child{font-family:var(--font-text);color:var(--text-muted);font-size:.8rem}.user-dropdown-header a,.dropdown-link{color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.user-dropdown-header a:hover,.dropdown-link:hover{background:var(--neutral-100);color:var(--primary-500);padding-left:16px}.dropdown-button{border-top:1px solid var(--card-border);margin-top:8px;padding-top:8px}.dropdown-button button{cursor:pointer;width:100%;color:var(--danger);font-family:var(--font-sans);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;display:flex}.dropdown-button button:hover{background:#ef444414}@media (width<=768px){.nav-desktop{display:none}.menu-icon,.close-btn{display:block}.nav-links{justify-content:flex-end}.nav-search{max-width:240px}}.hero-section{max-width:var(--max-width);border-radius:var(--border-radius-lg);width:calc(100% - 48px);height:520px;box-shadow:var(--card-shadow);transition:var(--transition-smooth);align-items:center;margin:32px auto;display:flex;position:relative;overflow:hidden}.hero-section:hover{box-shadow:var(--card-shadow-hover)}.hero-image{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform 8s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.hero-section:hover .hero-image{transform:scale(1.03)}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0f172af2 0%,#0f172acc 35%,#0f172a66 65%,#0f172a26 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;width:100%;padding:0 64px;position:relative}.hero-text{color:#fff;flex-direction:column;gap:20px;max-width:580px;display:flex}.hero-badge{color:#34d399;width:fit-content;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b9812e;border:1px solid #10b98159;border-radius:50px;align-items:center;gap:8px;padding:6px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.hero-badge-icon{fill:#10b98133;width:14px;height:14px}.hero-title{font-family:var(--font-sans);color:#fff;font-size:3rem;font-weight:800;line-height:1.15}.hero-accent{background:linear-gradient(135deg,#34d399 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.hero-desc{font-family:var(--font-text);color:#ffffffd9;font-size:1.1rem;line-height:1.6}.hero-buttons{align-items:center;gap:16px;margin-top:8px;display:flex}.shop-btn{border-radius:var(--border-radius-sm);font-family:var(--font-sans);transition:var(--transition-bounce);align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);color:#fff;box-shadow:0 4px 14px #10b9814d}.primary-btn:hover{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff40}.secondary-btn:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-2px)}.shop-btn svg{transition:transform .3s}.shop-btn:hover svg{transform:translate(4px)}@media (width<=768px){.hero-section{width:calc(100% - 24px);height:auto;min-height:460px;margin:16px auto;padding:48px 0}.hero-content{padding:0 24px}.hero-title{font-size:2.25rem}.hero-desc{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch;width:100%}.shop-btn{justify-content:center;width:100%}}.section-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-size:2rem;font-weight:800;line-height:1.25}.section-desc{font-family:var(--font-text);color:var(--text-secondary);margin-top:6px;font-size:1rem}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (width<=600px){.features-grid{grid-template-columns:1fr;gap:24px}.features-container{width:calc(100% - 24px);margin:0 auto 32px;padding:24px 20px}}.home-categories{max-width:var(--max-width);width:calc(100% - 48px);margin:0 auto 64px}.categories-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.categories-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.category-card{border-radius:var(--border-radius-md);height:360px;box-shadow:var(--card-shadow);transition:var(--transition-bounce);text-decoration:none;display:block;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.category-image-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.category-image{object-fit:cover;width:100%;height:100%;transition:transform 6s cubic-bezier(.25,1,.5,1)}.category-card:hover .category-image{transform:scale(1.06)}.category-card-overlay{z-index:1;width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(#0f172a00 0%,#0f172a1a 20%,#0f172a73 55%,#0f172ae6 100%);position:absolute;top:0;left:0}.category-card:hover .category-card-overlay{background:linear-gradient(#0f172a00 0%,#0f172a1a 20%,#0f172a80 50%,#059669d9 100%)}.category-info{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.category-item-count{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#ffffff29;border:1px solid #ffffff40;border-radius:20px;width:fit-content;padding:4px 10px;font-size:.725rem;font-weight:600}.category-name{font-family:var(--font-sans);color:#fff;text-shadow:0 1px 3px #0003;font-size:1.35rem;font-weight:750;line-height:1.25}.category-action{color:#fff;font-family:var(--font-sans);opacity:.85;transition:var(--transition-smooth);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.category-card:hover .category-action{opacity:1}.action-circle{width:28px;height:28px;color:var(--neutral-900);transition:var(--transition-bounce);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.category-card:hover .action-circle{background:var(--accent-500);color:#fff;transform:translate(4px)}@media (width<=1024px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=600px){.categories-grid{grid-template-columns:1fr;gap:16px}.home-categories{width:calc(100% - 24px);margin-bottom:48px}.category-card{height:280px}}.features-container{max-width:var(--max-width);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--border-radius-md);width:calc(100% - 48px);box-shadow:var(--card-shadow);transition:var(--transition-smooth);margin:0 auto 48px;padding:32px}.features-container:hover{box-shadow:var(--card-shadow-hover)}.features-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:32px;display:grid}.feature-item{width:100%;transition:var(--transition-smooth);align-items:center;gap:16px;display:flex}.feature-item:hover{transform:translateY(-2px)}.feature-icon-wrapper{width:48px;height:48px;transition:var(--transition-smooth);background:#10b9810f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item:hover .feature-icon-wrapper{background:#10b98124}.feature-icon{color:var(--primary-500);transition:var(--transition-bounce)}.feature-item:hover .feature-icon{transform:scale(1.1)}.feature-text{flex-direction:column;gap:2px;display:flex}.feature-title{font-family:var(--font-sans);color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.feature-desc{font-family:var(--font-text);color:var(--text-muted);font-size:.85rem;line-height:1.4}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (width<=600px){.features-grid{grid-template-columns:1fr;gap:24px}.features-container{width:calc(100% - 24px);margin:0 auto 32px;padding:24px 20px}}.popular-products-section{max-width:var(--max-width);width:calc(100% - 48px);margin:0 auto 64px}.popular-products-section .section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.popular-products-section .header-text-wrapper{flex:1;min-width:280px}.popular-tabs{border:1px solid var(--card-border);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(8px);background:#10b9810a;flex-wrap:wrap;align-items:center;gap:10px;padding:6px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:600}.tab-btn:hover{color:var(--primary-600)}.tab-btn.active{background:var(--primary-500);color:#fff;box-shadow:0 4px 10px #10b98133}.product-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-bounce);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b98126;transform:translateY(-6px)}.product-image-container{background:#f8fafc;height:220px;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform 6s cubic-bezier(.25,1,.5,1)}.product-card:hover .product-card-img{transform:scale(1.08)}.image-link{width:100%;height:100%;display:block}.product-badge{z-index:5;font-family:var(--font-sans);text-transform:uppercase;color:#fff;border-radius:20px;padding:4px 10px;font-size:.725rem;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 4px 8px #0000001a}.badge-sale{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.badge-popular{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%)}.wishlist-btn{z-index:5;cursor:pointer;width:36px;height:36px;transition:var(--transition-bounce);color:var(--neutral-400);background:#ffffffe6;border:1px solid #00000008;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 10px #0000000d}.wishlist-btn:hover{color:var(--danger);background:#fff;transform:scale(1.1);box-shadow:0 6px 15px #ef444426}.wishlist-btn.wishlisted{color:var(--danger);background:#fff}.wishlist-btn.wishlisted .heart-icon{animation:.3s cubic-bezier(.175,.885,.32,1.275) heartBeat}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.product-details{flex-direction:column;flex-grow:1;padding:20px;display:flex}.product-category{font-family:var(--font-sans);color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:600}.product-title-link{margin-bottom:8px;text-decoration:none}.product-title{font-family:var(--font-sans);color:var(--text-primary);-webkit-line-clamp:2;height:2.8rem;transition:var(--transition-smooth);-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card:hover .product-title{color:var(--primary-600)}.product-rating{align-items:center;gap:6px;margin-bottom:16px;display:flex}.stars-wrapper{align-items:center;display:flex}.star-icon{color:var(--accent-500)}.rating-value{font-family:var(--font-sans);color:var(--text-primary);font-size:.85rem;font-weight:700}.reviews-count{font-family:var(--font-text);color:var(--text-muted);font-size:.8rem}.product-footer{border-top:1px solid #10b9810d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.product-price-wrapper{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.product-price{font-family:var(--font-sans);color:var(--text-primary);font-size:1.2rem;font-weight:800}.price-unit{font-family:var(--font-text);color:var(--text-muted);font-size:.8rem}.product-old-price{font-family:var(--font-text);color:var(--text-muted);margin-left:4px;font-size:.85rem;text-decoration:line-through}.add-to-cart-wrapper{justify-content:flex-end;align-items:center;min-width:84px;height:36px;display:flex}.add-to-cart-btn{background:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.add-to-cart-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #10b98126}.quantity-selector{background:var(--primary-500);border:1px solid var(--primary-500);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;width:90px;height:36px;padding:0 4px;animation:.25s cubic-bezier(.175,.885,.32,1.275) selectPop;display:flex;overflow:hidden;box-shadow:0 4px 10px #10b98133}@keyframes selectPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qty-btn{color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:#fff3}.qty-value{font-family:var(--font-sans);text-align:center;min-width:16px;font-size:.9rem;font-weight:700}@media (width<=1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.popular-products-section .section-header{flex-direction:column;align-items:flex-start;gap:16px}.popular-tabs{width:100%}.tab-btn{text-align:center;flex-grow:1}}@media (width<=480px){.products-grid{grid-template-columns:1fr;gap:20px}.product-image-container{height:240px}}.promo-container{background:linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);border-radius:var(--border-radius-lg);max-width:var(--max-width);text-align:center;width:calc(100% - 48px);box-shadow:var(--card-shadow);transition:var(--transition-smooth);justify-content:center;align-items:center;margin:64px auto;padding:56px 48px;display:flex;position:relative;overflow:hidden}.promo-container:hover{box-shadow:var(--card-shadow-hover)}.promo-content{z-index:2;justify-content:center;width:100%;max-width:800px;display:flex}.promo-info{flex-direction:column;align-items:center;width:100%;display:flex}.promo-info h2{font-family:var(--font-sans);color:#fff;letter-spacing:-.01em;text-align:center;margin-bottom:16px;font-size:2.25rem;font-weight:800;line-height:1.2}.promo-info p{font-family:var(--font-text);color:#ffffffe6;text-align:center;max-width:600px;margin-bottom:32px;font-size:1.1rem;line-height:1.6}.store-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store-buttons button{color:#fff;border-radius:var(--border-radius-sm);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);background:#0f172a;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.store-buttons button:hover{background:#1e293b;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 20px #0f172a40}@media (width<=768px){.promo-container{margin:48px auto;padding:48px 32px}.promo-info h2{font-size:2rem}.promo-info p{margin-bottom:24px}}@media (width<=480px){.promo-info h2{font-size:1.75rem}.promo-info p{font-size:.95rem}.store-buttons button{justify-content:center;width:100%}}.newsletter-wrapper{max-width:var(--max-width);width:calc(100% - 48px);margin:0 auto 64px}.newsletter-section{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);text-align:center;transition:var(--transition-smooth);justify-content:center;padding:56px 32px;display:flex}.newsletter-section:hover{box-shadow:var(--card-shadow-hover)}.newsletter-content{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:580px;display:flex}.newsletter-icon-box{background:#10b98114;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex}.newsletter-icon{color:var(--primary-500)}.newsletter-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-size:2rem;font-weight:800}.newsletter-desc{font-family:var(--font-text);color:var(--text-secondary);margin-bottom:12px;font-size:1.05rem;line-height:1.6}.newsletter-form{gap:12px;width:100%;margin-top:8px;display:flex}.input-group{flex:1;align-items:center;display:flex;position:relative}.input-mail-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:18px}.newsletter-form input{border:1px solid var(--neutral-200);background:var(--neutral-50);width:100%;color:var(--text-primary);font-family:var(--font-text);transition:var(--transition-smooth);border-radius:50px;outline:none;padding:14px 20px 14px 48px;font-size:1rem}.newsletter-form input:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 4px #10b98114}.subscribe-btn{background:var(--primary-500);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #10b98140}.subscribe-btn:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 6px 18px #10b98159}.subscribe-btn svg{transition:transform .3s}.subscribe-btn:hover svg{transform:translate(2px,-2px)}@media (width<=768px){.newsletter-section{width:100%;padding:40px 24px}.newsletter-title{font-size:1.75rem}.newsletter-desc{font-size:.95rem}.newsletter-form{flex-direction:column;gap:12px}.subscribe-btn{justify-content:center;width:100%}}.footer-container{background:var(--neutral-900);color:var(--neutral-100);border-top:1px solid #ffffff0d;margin-top:80px;padding:80px 24px 40px}.footer-wrapper{max-width:var(--max-width);grid-template-columns:1.5fr 3fr;gap:64px;margin:0 auto;display:grid}.footer-logo{flex-direction:column;gap:24px;display:flex}.footer-brand{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;align-items:center;gap:2px;font-size:1.8rem;font-weight:800;text-decoration:none;display:flex}.footer-description{font-family:var(--font-text);color:var(--neutral-400);font-size:.95rem;line-height:1.6}.footer-social-links{gap:16px;display:flex}.footer-social-links a{width:42px;height:42px;color:var(--neutral-300);transition:var(--transition-bounce);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.footer-social-links a:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:translateY(-4px);box-shadow:0 8px 20px #10b9814d}.footer-content{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column{flex-direction:column;gap:20px;display:flex}.footer-column h4{font-family:var(--font-sans);color:#fff;padding-bottom:8px;font-size:1.1rem;font-weight:700;position:relative}.footer-column h4:after{content:"";background:var(--primary-500);border-radius:2px;width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-column ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-column ul a{font-family:var(--font-text);color:var(--neutral-400);transition:var(--transition-smooth);font-size:.95rem;text-decoration:none}.footer-column ul a:hover{color:var(--primary-500);padding-left:6px}.footer-bottom{max-width:var(--max-width);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:60px auto 0;padding-top:30px;display:flex}.footer-bottom p{font-family:var(--font-text);color:var(--neutral-500);font-size:.9rem}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{font-family:var(--font-text);color:var(--neutral-500);transition:var(--transition-smooth);font-size:.9rem;text-decoration:none}.footer-bottom-links a:hover{color:var(--primary-500)}.footer-contact-item{font-family:var(--font-text);color:var(--neutral-400);align-items:center;gap:10px;font-size:.95rem;display:flex}.footer-contact-item svg{color:var(--primary-500);flex-shrink:0}@media (width<=992px){.footer-wrapper{grid-template-columns:1fr;gap:48px}}@media (width<=576px){.footer-container{margin-top:60px;padding:60px 16px 30px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;margin-top:40px}}.cart-sidebar-container{z-index:1000;visibility:hidden;pointer-events:none;width:100vw;height:100vh;transition:visibility .4s;position:fixed;top:0;left:0}.cart-sidebar-container.open{visibility:visible;pointer-events:auto}.cart-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background-color:#0f172a66;width:100%;height:100%;transition:opacity .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.cart-sidebar-container.open .cart-sidebar-overlay{opacity:1}.cart-sidebar-panel{background:var(--card-bg);border-left:1px solid var(--card-border);flex-direction:column;width:100%;max-width:440px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px -10px #0f172a26}.cart-sidebar-container.open .cart-sidebar-panel{transform:translate(0)}.cart-sidebar-header{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-header-title{align-items:center;gap:12px;display:flex}.cart-header-icon{color:var(--primary-500)}.cart-header-title h2{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.cart-header-count{color:var(--text-muted);font-size:14px;font-family:var(--font-text)}.cart-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,color .2s;display:flex}.cart-close-btn:hover{background-color:var(--neutral-100);color:var(--text-primary)}.shipping-progress-container{background-color:var(--primary-50);border-bottom:1px solid #10b9811a;padding:16px 24px}.shipping-progress-text{font-family:var(--font-text);color:var(--text-secondary);margin:0 0 8px;font-size:14px}.shipping-progress-text.success{color:var(--primary-700)}.shipping-progress-bar{background-color:var(--neutral-200);border-radius:3px;height:6px;overflow:hidden}.shipping-progress-fill{background-color:var(--primary-500);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.cart-sidebar-content{flex:1;padding:24px;overflow-y:auto}.cart-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.empty-cart-icon-wrapper{background-color:var(--primary-50);width:96px;height:96px;color:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.cart-empty-state h3{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.cart-empty-state p{font-family:var(--font-text);color:var(--text-muted);max-width:260px;margin:0 0 24px;font-size:14px}.shop-now-btn{font-family:var(--font-sans);background-color:var(--primary-500);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;padding:12px 28px;font-weight:600;transition:background-color .2s,transform .1s}.shop-now-btn:hover{background-color:var(--primary-600);transform:translateY(-1px)}.cart-items-list{flex-direction:column;gap:16px;display:flex}.cart-item-card{border:1px solid var(--neutral-200);border-radius:var(--border-radius-md);background-color:#fff;align-items:center;gap:16px;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.cart-item-card:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #10b9810a}.cart-item-image-wrapper{border-radius:var(--border-radius-sm);background-color:var(--neutral-50);border:1px solid var(--neutral-100);flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.cart-item-image-wrapper img{object-fit:contain;max-width:90%;max-height:90%}.cart-item-info{flex:1}.cart-item-category{color:var(--primary-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.cart-item-name{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.cart-item-price-unit{font-family:var(--font-text);color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.cart-item-actions{align-items:center;gap:16px;display:flex}.cart-item-qty-selector{border:1px solid var(--neutral-300);border-radius:var(--border-radius-sm);background-color:var(--neutral-50);align-items:center;display:flex;overflow:hidden}.cart-qty-btn{cursor:pointer;width:24px;height:24px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:flex}.cart-qty-btn:hover{background-color:var(--neutral-200);color:var(--text-primary)}.cart-qty-value{font-family:var(--font-sans);text-align:center;width:24px;color:var(--text-primary);font-size:12px;font-weight:600}.cart-item-remove-btn{cursor:pointer;color:var(--neutral-400);border-radius:var(--border-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.cart-item-remove-btn:hover{color:var(--danger);background-color:#ef44440d}.cart-item-total-price{font-family:var(--font-sans);color:var(--text-primary);text-align:right;min-width:60px;font-size:15px;font-weight:700}.cart-sidebar-footer{border-top:1px solid var(--neutral-200);background-color:var(--neutral-50);padding:24px}.cart-summary-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cart-summary-row span{font-family:var(--font-sans);color:var(--text-secondary);font-size:16px;font-weight:600}.cart-summary-row .cart-summary-total{color:var(--text-primary);font-size:22px;font-weight:800}.cart-tax-note{font-family:var(--font-text);color:var(--text-muted);margin:0 0 20px;font-size:12px}.cart-footer-buttons{flex-direction:column;gap:10px;display:flex}.cart-checkout-btn{font-family:var(--font-sans);background-color:var(--primary-500);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;text-align:center;border:none;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}.cart-checkout-btn:hover{background-color:var(--primary-600);transform:translateY(-1px)}.cart-clear-btn{font-family:var(--font-sans);border:1px solid var(--neutral-300);color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;background:0 0;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.cart-clear-btn:hover{background-color:var(--neutral-100);color:var(--text-primary)}.products-page{background:var(--bg-gradient);min-height:100vh}.products-page-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);padding:28px 24px}.products-page-header-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.products-page-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.products-page-sub{font-family:var(--font-text);color:var(--text-muted);margin-top:4px;font-size:.9rem}.products-search-bar{flex:1;align-items:center;max-width:380px;display:flex;position:relative}.products-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.products-search-input{width:100%;font-family:var(--font-text);background:var(--bg-app);color:var(--text-primary);border:1.5px solid var(--neutral-200);transition:var(--transition-smooth);border-radius:50px;padding:11px 40px 11px 42px;font-size:.9rem}.products-search-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #10b9811f}.products-search-input::placeholder{color:var(--text-muted)}.products-search-clear{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.products-search-clear:hover{color:var(--text-primary)}.products-layout{max-width:var(--max-width);grid-template-columns:260px 1fr;gap:28px;margin:0 auto;padding:32px 24px;display:grid}.products-sidebar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);flex-direction:column;align-self:start;gap:24px;padding:24px;display:flex;position:sticky;top:90px}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-family:var(--font-sans);color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-clear-btn{font-family:var(--font-sans);color:var(--primary-500);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:.8rem;font-weight:600}.sidebar-clear-btn:hover{color:var(--primary-700)}.filter-group{border-top:1px solid var(--card-border);flex-direction:column;gap:10px;padding-top:20px;display:flex}.filter-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.filter-list{flex-direction:column;gap:2px;list-style:none;display:flex}.filter-item-btn{border-radius:var(--border-radius-sm);width:100%;font-family:var(--font-text);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;display:flex}.filter-item-btn:hover{background:var(--primary-50);color:var(--primary-600)}.filter-item-btn.active{color:var(--primary-600);background:#10b9811a;font-weight:600}.filter-dot{background:var(--neutral-300);width:7px;height:7px;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0}.filter-item-btn.active .filter-dot{background:var(--primary-500)}.filter-count{color:var(--text-muted);background:var(--neutral-100);border-radius:20px;margin-left:auto;padding:1px 7px;font-size:.78rem}.price-range-inputs{align-items:center;gap:8px;display:flex}.price-input-group{flex:1;position:relative}.price-currency{color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.price-input{width:100%;font-family:var(--font-text);background:var(--bg-app);color:var(--text-primary);border:1.5px solid var(--neutral-200);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);padding:8px 8px 8px 22px;font-size:.85rem}.price-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #10b9811a}.price-separator{color:var(--text-muted);flex-shrink:0;font-size:.9rem}.apply-price-btn{font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg, var(--primary-500), var(--primary-600));border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;padding:9px;font-size:.85rem;font-weight:600;box-shadow:0 3px 10px #10b98133}.apply-price-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b9814d}.rating-filter-list{flex-wrap:wrap;gap:8px;display:flex}.rating-filter-btn{background:var(--bg-app);border:1.5px solid var(--neutral-200);font-family:var(--font-text);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.8rem;display:flex}.rating-filter-btn:hover{border-color:var(--accent-500);color:var(--accent-600)}.products-main{flex-direction:column;gap:20px;display:flex}.products-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.mobile-filter-btn{border:1.5px solid var(--neutral-200);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;display:none}.mobile-filter-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.active-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.active-chip{color:var(--primary-600);font-family:var(--font-sans);background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}.active-chip button{cursor:pointer;color:var(--primary-600);transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:1px;display:flex}.active-chip button:hover{background:#10b98133}.toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.sort-dropdown{position:relative}.sort-trigger{border:1.5px solid var(--neutral-200);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;display:flex}.sort-trigger:hover{border-color:var(--primary-500);color:var(--primary-500)}.sort-chevron{flex-shrink:0;transition:transform .2s}.sort-chevron.open{transform:rotate(180deg)}.sort-menu{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow-hover);-webkit-backdrop-filter:blur(16px);z-index:20;min-width:180px;list-style:none;animation:.15s dropIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sort-option{width:100%;font-family:var(--font-text);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:10px 16px;font-size:.88rem;display:block}.sort-option:hover{background:var(--primary-50);color:var(--primary-600)}.sort-option.active{color:var(--primary-600);background:#10b98114;font-weight:700}.view-toggle{border:1.5px solid var(--neutral-200);border-radius:8px;display:flex;overflow:hidden}.view-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;padding:6px 10px;display:flex}.view-btn:hover{color:var(--primary-500);background:var(--primary-50)}.view-btn.active{color:var(--primary-600);background:#10b9811f}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.products-grid-list{grid-template-columns:1fr}.product-card-list{flex-direction:row!important}.product-card-list .product-image-container{flex-shrink:0;width:160px}.product-card-list .product-details{flex:1;justify-content:center}.products-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-icon{margin-bottom:8px;font-size:3.5rem}.products-empty h3{font-family:var(--font-sans);color:var(--text-primary);font-size:1.25rem;font-weight:700}.products-empty p{font-family:var(--font-text);color:var(--text-muted);font-size:.9rem}.pagination{justify-content:center;align-items:center;gap:6px;padding:16px 0;display:flex}.page-btn{background:var(--card-bg);border:1.5px solid var(--card-border);min-width:36px;height:36px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:.85rem;font-weight:600;display:flex}.page-btn:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-500)}.page-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 3px 10px #10b9814d}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-nav{border-radius:8px}.mobile-filter-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-filter-drawer{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:20px;width:min(320px,90vw);padding:24px 20px;animation:.25s slideRight;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 30px #00000026}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-header h3{font-family:var(--font-sans);color:var(--text-primary);font-size:1.1rem;font-weight:700}.drawer-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.drawer-close-btn:hover{color:var(--text-primary);background:var(--neutral-100)}@media (width<=900px){.products-layout{grid-template-columns:1fr}.products-sidebar{display:none}.mobile-filter-btn{display:flex}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=640px){.products-page-header-inner{flex-direction:column;align-items:flex-start}.products-search-bar{width:100%;max-width:100%}.products-layout{padding:20px 16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.products-toolbar{flex-wrap:wrap}}.flash-page{background:var(--bg-gradient);min-height:100vh}.flash-hero{background:linear-gradient(135deg,#0f172a 0%,#1a2744 50%,#0f2318 100%);padding:56px 24px 52px;position:relative;overflow:hidden}.flash-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 10%,#10b9812e 0%,#0000 60%),radial-gradient(50% 70% at 90% 30%,#f59e0b1f 0%,#0000 60%);position:absolute;inset:0}.flash-hero:after{content:"⚡";opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:200px;position:absolute;top:-10px;right:5%}.flash-hero-inner{max-width:var(--max-width);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex;position:relative}.flash-hero-badge{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-500);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.flash-hero-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.03em;text-shadow:0 4px 20px #10b9814d;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.flash-hero-sub{font-family:var(--font-text);color:#ffffffa6;max-width:480px;font-size:1.05rem}.flash-countdown{border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:12px;margin-top:8px;padding:16px 28px;display:flex}.countdown-item{flex-direction:column;align-items:center;gap:4px;min-width:54px;display:flex}.countdown-number{font-family:var(--font-sans);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #10b98199;font-size:2rem;font-weight:800;line-height:1}.countdown-label{font-family:var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:.7rem;font-weight:600}.countdown-separator{font-family:var(--font-sans);color:var(--primary-500);margin-bottom:12px;font-size:1.8rem;font-weight:700;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.flash-expired{font-family:var(--font-text);color:#fff9;font-size:1rem}.flash-section{padding:40px 24px 60px}.flash-section-inner{max-width:var(--max-width);flex-direction:column;gap:40px;margin:0 auto;display:flex}.flash-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.flash-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(12px);flex-direction:column;display:flex;overflow:hidden}.flash-card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b98133;transform:translateY(-4px)}.flash-stock{flex-direction:column;gap:5px;margin-top:2px;display:flex}.flash-stock-bar{background:var(--neutral-200);border-radius:10px;width:100%;height:5px;overflow:hidden}.flash-stock-fill{background:linear-gradient(90deg, var(--primary-500), var(--accent-500));border-radius:10px;height:100%;transition:width .6s}.flash-stock-label{font-family:var(--font-text);color:var(--text-muted);font-size:.75rem}.flash-cta-banner{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#0f172a 0%,#064e3b 100%);border:1px solid #10b98133;padding:40px 48px;position:relative;overflow:hidden}.flash-cta-glow{pointer-events:none;background:radial-gradient(80% 60%,#10b98126 0%,#0000 70%);position:absolute;inset:0}.flash-cta-content{flex-wrap:wrap;align-items:center;gap:24px;display:flex;position:relative}.flash-cta-icon{color:var(--accent-500);filter:drop-shadow(0 0 10px #f59e0b80);flex-shrink:0}.flash-cta-title{font-family:var(--font-sans);color:#fff;margin-bottom:4px;font-size:1.4rem;font-weight:800}.flash-cta-sub{font-family:var(--font-text);color:#ffffff8c;font-size:.9rem}.flash-cta-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;font-family:var(--font-sans);transition:var(--transition-smooth);white-space:nowrap;border-radius:50px;align-items:center;gap:8px;margin-left:auto;padding:13px 28px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #10b98159}.flash-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10b98173}@media (width<=900px){.flash-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flash-cta-banner{padding:28px 24px}.flash-cta-btn{justify-content:center;width:100%;margin-left:0}}@media (width<=600px){.flash-hero{padding:40px 16px 36px}.flash-countdown{gap:8px;padding:12px 16px}.countdown-number{font-size:1.5rem}.countdown-item{min-width:40px}.flash-grid{grid-template-columns:repeat(2,1fr);gap:12px}.flash-section{padding:24px 16px 40px}}.pp-page{max-width:var(--max-width);margin:0 auto;padding:24px 24px 64px}.pp-breadcrumb{font-size:.82rem;font-family:var(--font-text);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:28px;display:flex}.pp-crumb{color:var(--text-muted);transition:var(--transition-smooth);text-decoration:none}.pp-crumb:hover{color:var(--primary-500)}.pp-crumb-sep{color:var(--text-muted);opacity:.5}.pp-crumb-current{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:600;overflow:hidden}.pp-main{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-bottom:56px;display:grid}.pp-image-panel{flex-direction:column;gap:16px;display:flex;position:sticky;top:90px}.pp-image-wrapper{border-radius:var(--border-radius-lg);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pp-main-img{object-fit:contain;width:100%;height:100%;padding:24px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.pp-image-wrapper:hover .pp-main-img{transform:scale(1.04)}.pp-discount-pill{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;letter-spacing:.03em;z-index:2;border-radius:20px;margin-top:36px;padding:5px 11px;font-size:.78rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #10b98159}.pp-image-wrapper .product-badge{z-index:3}.pp-float-btn{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:14px;box-shadow:0 2px 8px #00000014}.pp-float-btn:hover{box-shadow:var(--card-shadow-hover);transform:scale(1.1)}.pp-wishlist-float{top:14px}.pp-wishlist-float.wishlisted{color:var(--danger);border-color:#ef444440}.pp-share-float{top:60px}.pp-trust-row{flex-wrap:wrap;gap:10px;display:flex}.pp-trust-badge{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);min-width:90px;color:var(--text-secondary);text-align:center;transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:5px;padding:12px 8px;font-size:.72rem;font-weight:600;display:flex}.pp-trust-badge:hover{border-color:var(--primary-500);color:var(--primary-500)}.pp-trust-icon{color:var(--primary-500)}.pp-info-panel{flex-direction:column;gap:20px;display:flex}.pp-category-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-500);background:#10b9811a;border-radius:20px;width:fit-content;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.pp-product-name{color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.2}.pp-rating-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pp-stars{gap:2px;display:flex}.pp-star{transition:var(--transition-smooth)}.pp-rating-val{color:var(--text-primary);font-size:.92rem;font-weight:700}.pp-reviews-link{color:var(--primary-500);cursor:pointer;text-underline-offset:2px;font-size:.85rem;text-decoration:underline}.pp-reviews-link:hover{color:var(--primary-600)}.pp-sold-badge{color:var(--accent-600);background:#f59e0b1a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:flex}.pp-price-block{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);flex-wrap:wrap;align-items:baseline;gap:8px;padding:18px 20px;display:flex}.pp-price{color:var(--primary-500);letter-spacing:-.02em;font-size:2.1rem;font-weight:800}.pp-price-unit{color:var(--text-muted);font-size:.9rem}.pp-original-price{color:var(--text-muted);font-size:1.1rem;text-decoration:line-through}.pp-save-tag{color:#fff;background:var(--danger);border-radius:20px;padding:3px 10px;font-size:.8rem;font-weight:700}.pp-highlights{flex-direction:column;gap:8px;list-style:none;display:flex}.pp-highlight-item{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-text);align-items:center;gap:10px;display:flex}.pp-highlight-dot{background:var(--primary-500);border-radius:50%;width:7px;min-width:7px;height:7px}.pp-cart-section{flex-direction:column;gap:12px;display:flex}.pp-add-section{align-items:stretch;gap:12px;display:flex}.pp-qty-picker{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.pp-qty-dec,.pp-qty-inc{width:40px;height:48px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.pp-qty-dec:hover,.pp-qty-inc:hover{color:var(--primary-500);background:#10b9811a}.pp-qty-num{text-align:center;min-width:40px;color:var(--text-primary);font-size:1rem;font-weight:700}.pp-add-btn{border-radius:var(--border-radius-sm);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;cursor:pointer;height:48px;transition:var(--transition-bounce);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 16px #10b9814d}.pp-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.pp-add-btn:active{transform:translateY(0)}.pp-cart-controls{flex-direction:column;gap:10px;display:flex}.pp-qty-row{align-items:center;gap:12px;display:flex}.pp-qty-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.pp-qty-selector{flex:1}.pp-view-cart-btn{border:2px solid var(--primary-500);border-radius:var(--border-radius-sm);color:var(--primary-500);cursor:pointer;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.92rem;font-weight:700;display:flex}.pp-view-cart-btn:hover{background:var(--primary-500);color:#fff;box-shadow:0 4px 16px #10b9814d}.pp-delivery-info{border:1px solid var(--card-border);border-radius:var(--border-radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.pp-delivery-item{background:var(--card-bg);border-bottom:1px solid var(--card-border);transition:var(--transition-smooth);align-items:center;gap:14px;padding:14px 18px;display:flex}.pp-delivery-item:last-child{border-bottom:none}.pp-delivery-item:hover{background:#10b9810a}.pp-delivery-icon{color:var(--primary-500);min-width:16px}.pp-delivery-title{color:var(--text-primary);font-size:.88rem;font-weight:700;display:block}.pp-delivery-sub{color:var(--text-muted);font-size:.78rem;font-family:var(--font-text);display:block}.pp-tabs-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin-bottom:56px;overflow:hidden}.pp-tabs-header{border-bottom:1px solid var(--card-border);background:#10b98105;display:flex}.pp-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);font-size:.9rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;flex:1;padding:18px 24px;position:relative}.pp-tab-btn:after{content:"";background:var(--primary-500);border-radius:2px;width:0;height:2.5px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pp-tab-btn:hover{color:var(--text-primary)}.pp-tab-btn.active{color:var(--primary-500)}.pp-tab-btn.active:after{width:60%}.pp-tab-content{padding:32px}.pp-tab-desc{flex-direction:column;gap:24px;display:flex}.pp-desc-text{color:var(--text-secondary);font-size:.95rem;line-height:1.75;font-family:var(--font-text);max-width:720px}.pp-highlights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.pp-highlight-card{border-radius:var(--border-radius-sm);color:var(--text-primary);transition:var(--transition-smooth);background:#10b9810f;border:1px solid #10b9811f;align-items:center;gap:10px;padding:14px 16px;font-size:.875rem;font-weight:600;display:flex}.pp-highlight-card:hover{background:#10b9811a;border-color:#10b98140;transform:translateY(-1px)}.pp-hc-icon{font-size:1rem}.pp-tab-nutrition{flex-direction:column;gap:20px;display:flex}.pp-nutrition-note{color:var(--text-muted);font-size:.82rem;font-family:var(--font-text)}.pp-nutrition-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.pp-nutrition-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);text-align:center;transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:4px;padding:20px 16px;display:flex}.pp-nutrition-card:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #10b9811a}.pp-nutrition-val{color:var(--primary-500);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.pp-nutrition-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.pp-tab-reviews{flex-direction:column;gap:28px;display:flex}.pp-reviews-summary{border-radius:var(--border-radius-md);background:#10b9810a;border:1px solid #10b9811a;flex-wrap:wrap;align-items:center;gap:40px;padding:24px;display:flex}.pp-reviews-score{flex-direction:column;align-items:center;gap:6px;min-width:100px;display:flex}.pp-score-num{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1}.pp-score-stars{gap:3px;display:flex}.pp-score-sub{color:var(--text-muted);font-size:.8rem}.pp-rating-bars{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.pp-rating-bar-row{align-items:center;gap:10px;display:flex}.pp-bar-label{color:var(--text-secondary);text-align:right;width:28px;font-size:.8rem;font-weight:600}.pp-bar-track{background:var(--neutral-200);border-radius:4px;flex:1;height:8px;overflow:hidden}.pp-bar-fill{background:linear-gradient(90deg, var(--accent-500), var(--accent-600));border-radius:4px;height:100%;transition:width .6s}.pp-bar-pct{color:var(--text-muted);width:32px;font-size:.78rem}.pp-review-list{flex-direction:column;gap:16px;display:flex}.pp-review-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);padding:20px}.pp-review-card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b98126}.pp-review-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pp-reviewer-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.78rem;font-weight:800;display:flex}.pp-reviewer-meta{flex-direction:column;flex:1;gap:2px;display:flex}.pp-reviewer-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.pp-review-date{color:var(--text-muted);font-size:.78rem}.pp-review-stars{gap:2px;margin-left:auto;display:flex}.pp-review-comment{color:var(--text-secondary);font-size:.88rem;line-height:1.65;font-family:var(--font-text)}.pp-related-section{margin-bottom:24px}.pp-related-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pp-related-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.pp-related-more{color:var(--primary-500);transition:var(--transition-smooth);align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.pp-related-more:hover{gap:8px}.pp-related-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pp-not-found{justify-content:center;align-items:center;min-height:60vh;padding:40px;display:flex}.pp-not-found-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.pp-not-found-icon{font-size:4rem}.pp-not-found-title{color:var(--text-primary);font-size:1.6rem;font-weight:800}.pp-not-found-sub{color:var(--text-muted);font-size:.95rem}.pp-back-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 16px #10b9814d}.pp-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}@media (width<=900px){.pp-main{grid-template-columns:1fr;gap:28px}.pp-image-panel{position:static}.pp-related-grid{grid-template-columns:repeat(2,1fr)}.pp-product-name{font-size:1.55rem}}@media (width<=600px){.pp-page{padding:16px 16px 48px}.pp-product-name{font-size:1.3rem}.pp-price{font-size:1.7rem}.pp-tab-content{padding:20px 16px}.pp-related-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pp-tabs-header{flex-wrap:wrap}.pp-tab-btn{padding:14px 12px;font-size:.82rem}.pp-reviews-summary{flex-direction:column;gap:20px}.pp-highlights-grid{grid-template-columns:1fr}.pp-nutrition-grid{grid-template-columns:repeat(3,1fr)}.pp-add-section{flex-direction:column}.pp-add-btn{height:50px}.pp-trust-row{gap:6px}.pp-trust-badge{padding:10px 6px;font-size:.65rem}}.mo-page{max-width:var(--max-width);flex-direction:column;gap:28px;margin:0 auto;padding:28px 24px 64px;display:flex}.mo-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mo-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.7rem;font-weight:800;display:flex}.mo-title-icon{color:var(--primary-500)}.mo-subtitle{color:var(--text-muted);font-size:.88rem;font-family:var(--font-text);margin-top:4px}.mo-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mo-view-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);gap:2px;padding:3px;display:flex}.mo-view-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);font-size:.85rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:7px 16px}.mo-view-btn:hover{color:var(--text-primary);background:#10b9810f}.mo-view-btn.active{background:var(--primary-500);color:#fff}.mo-back-btn{border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);background:var(--card-bg);color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.mo-back-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.mo-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mo-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);align-items:center;gap:14px;padding:18px 20px;display:flex}.mo-stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.mo-stat-icon{color:var(--primary-500);min-width:18px}.mo-icon-delivered{color:var(--success)}.mo-icon-processing{color:var(--accent-500)}.mo-stat-num{color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1;display:block}.mo-stat-label{color:var(--text-muted);font-size:.75rem;font-family:var(--font-text);margin-top:3px;display:block}.mo-badge{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.mo-badge-delivered{color:var(--primary-600);background:#10b9811f;border-color:#10b98133}.mo-badge-processing{color:var(--accent-600);background:#f59e0b1f;border-color:#f59e0b33}.mo-badge-shipped{color:#2563eb;background:#3b82f61f;border-color:#3b82f633}.mo-badge-cancelled{color:var(--danger);background:#ef44441f;border-color:#ef444433}.mo-table-wrapper{border-radius:var(--border-radius-md);border:1px solid var(--card-border);box-shadow:var(--card-shadow);overflow-x:auto}.mo-table{border-collapse:collapse;background:var(--card-bg);width:100%}.mo-th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--card-border);white-space:nowrap;background:#10b9810a;padding:13px 18px;font-size:.72rem;font-weight:700}.mo-tr{border-bottom:1px solid var(--card-border);transition:var(--transition-smooth)}.mo-tr:last-child{border-bottom:none}.mo-tr:hover{background:#10b98108}.mo-td{vertical-align:middle;padding:14px 18px}.mo-order-id{color:var(--text-primary);font-family:monospace;font-size:.82rem;font-weight:700}.mo-table-avatars{align-items:center;gap:-4px;margin-bottom:4px;display:flex}.mo-avatar{object-fit:cover;border:2px solid var(--card-bg);width:32px;height:32px;transition:var(--transition-smooth);border-radius:50%;margin-left:-4px}.mo-avatar:first-child{margin-left:0}.mo-avatar:hover{z-index:2;transform:scale(1.15)}.mo-avatar-more{background:var(--primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-4px;font-size:.65rem;font-weight:800;display:flex}.mo-item-count{color:var(--text-muted);font-size:.75rem;display:block}.mo-date{color:var(--text-secondary);font-size:.85rem}.mo-total{color:var(--primary-500);font-size:.9rem;font-weight:700}.mo-track-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #10b98140}.mo-track-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.mo-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.mo-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.mo-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.mo-card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 20px 14px;display:flex}.mo-card-meta{color:var(--text-muted);font-size:.78rem;font-family:var(--font-text);align-items:center;gap:5px;margin-top:5px;display:flex}.mo-card-items{flex-direction:column;flex:1;gap:10px;padding:14px 20px;display:flex}.mo-card-item{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:8px 0;display:flex}.mo-card-item:last-child{border-bottom:none}.mo-card-item-img{border-radius:var(--border-radius-sm);object-fit:cover;flex-shrink:0;width:44px;height:44px}.mo-card-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.mo-card-item-name{color:var(--text-primary);font-size:.87rem;font-weight:600}.mo-card-item-qty{color:var(--text-muted);font-size:.75rem;font-family:var(--font-text)}.mo-card-item-subtotal{color:var(--primary-500);white-space:nowrap;font-size:.9rem;font-weight:700}.mo-card-footer{border-top:1px solid var(--card-border);background:#10b98108;flex-direction:column;gap:12px;padding:14px 20px;display:flex}.mo-card-address{color:var(--text-muted);font-size:.8rem;font-family:var(--font-text);align-items:flex-start;gap:7px;line-height:1.4;display:flex}.mo-address-icon{color:var(--primary-500);min-width:13px;margin-top:1px}.mo-card-bottom{justify-content:space-between;align-items:center;display:flex}.mo-card-total{flex-direction:column;gap:1px;display:flex}.mo-card-total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.mo-card-total-val{color:var(--text-primary);font-size:1.15rem;font-weight:800}.mo-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;display:flex}.mo-empty-icon{color:var(--text-muted);opacity:.4}.mo-empty-title{color:var(--text-primary);font-size:1.3rem;font-weight:800}.mo-empty-sub{color:var(--text-muted);font-size:.9rem;font-family:var(--font-text)}.mo-shop-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);align-items:center;gap:7px;margin-top:8px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 16px #10b9814d}.mo-shop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}@media (width<=900px){.mo-stats-row{grid-template-columns:repeat(2,1fr)}.mo-header{flex-direction:column;align-items:flex-start}.mo-cards-grid{grid-template-columns:1fr}}@media (width<=600px){.mo-page{padding:16px 16px 48px}.mo-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.mo-title{font-size:1.35rem}.mo-stat-card{gap:10px;padding:14px}.mo-stat-num{font-size:1.1rem}.mo-header-actions{width:100%}.mo-back-btn{flex:1;justify-content:center}}.ot-page{max-width:var(--max-width);font-family:var(--font-sans);margin:0 auto;padding:28px 24px 64px}.ot-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.ot-header-left{flex-direction:column;gap:10px;display:flex}.ot-back-btn{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:6px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.ot-back-btn:hover{color:var(--primary-500)}.ot-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.65rem;font-weight:800;display:flex}.ot-title-icon{color:var(--primary-500)}.ot-subtitle{color:var(--text-muted);font-size:.88rem;font-family:var(--font-text);margin-top:4px}.ot-status-pill{letter-spacing:.03em;text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;display:inline-flex}.ot-status-processing{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.ot-status-shipped{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640}.ot-status-delivered{color:var(--primary-600);background:#10b9811a;border:1px solid #10b98140}.ot-status-cancelled{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.ot-grid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.ot-col-left,.ot-col-right{flex-direction:column;gap:20px;display:flex}.ot-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px 24px}.ot-card-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:18px;font-size:1rem;font-weight:700;display:flex}.ot-card-title svg{color:var(--primary-500)}.ot-order-meta-card{padding:18px 24px}.ot-meta-row{flex-wrap:wrap;gap:20px;display:flex}.ot-meta-item{flex:1;align-items:flex-start;gap:9px;min-width:130px;display:flex}.ot-meta-icon{color:var(--primary-500);flex-shrink:0;margin-top:2px}.ot-icon-green{color:var(--success)}.ot-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-weight:600;display:block}.ot-meta-val{color:var(--text-primary);font-size:.9rem;font-weight:700;font-family:var(--font-text);display:block}.ot-order-id{color:var(--primary-600);font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem}.ot-timeline{flex-direction:column;gap:0;display:flex;position:relative}.ot-step{align-items:flex-start;gap:16px;padding-bottom:28px;display:flex;position:relative}.ot-step:last-child{padding-bottom:0}.ot-connector{background:var(--neutral-200);border-radius:2px;width:2px;height:calc(100% - 8px);transition:background .4s;position:absolute;top:36px;left:17px}.ot-connector-done{background:linear-gradient(to bottom, var(--primary-500), var(--primary-200))}.ot-step-bubble{z-index:1;width:36px;height:36px;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ot-step-pending .ot-step-bubble{background:var(--neutral-100);border:2px solid var(--neutral-200);color:var(--text-muted)}.ot-step-done .ot-step-bubble{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border:2px solid #0000;box-shadow:0 4px 14px #10b98159}.ot-step-active .ot-step-bubble{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));box-shadow:0 0 0 5px #10b9812e,0 4px 14px #10b98166}.ot-pulse{border:2px solid var(--primary-400);border-radius:50%;animation:1.8s ease-out infinite ot-pulse-ring;position:absolute;inset:-4px}@keyframes ot-pulse-ring{0%{opacity:.7;transform:scale(1)}80%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.ot-step-body{flex-direction:column;gap:2px;padding-top:6px;display:flex}.ot-step-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.ot-step-pending .ot-step-label{color:var(--text-muted);font-weight:500}.ot-step-desc{color:var(--text-muted);font-size:.8rem;font-family:var(--font-text);line-height:1.4}.ot-step-pending .ot-step-desc{opacity:.55}.ot-step-time{color:var(--primary-600);font-size:.73rem;font-family:var(--font-text);align-items:center;gap:4px;margin-top:3px;font-weight:600;display:inline-flex}.ot-cancelled-banner{border-radius:var(--border-radius-sm);color:#dc2626;background:#ef444412;border:1px solid #ef444433;align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;font-weight:600;display:flex}.ot-address-box{border-radius:var(--border-radius-md);background:#10b9810a;border:1px solid #10b9811a;align-items:flex-start;gap:14px;margin-bottom:16px;padding:14px;display:flex}.ot-address-avatar{background:linear-gradient(135deg, var(--primary-100), var(--primary-200));width:40px;height:40px;color:var(--primary-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ot-address-info{flex-direction:column;gap:3px;display:flex}.ot-address-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.ot-address-text{color:var(--text-primary);font-size:.88rem;font-family:var(--font-text);line-height:1.45}.ot-delivery-agent{background:var(--neutral-50);border:1px solid var(--card-border);border-radius:var(--border-radius-md);align-items:center;gap:12px;padding:12px 14px;display:flex}.ot-agent-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:flex}.ot-agent-info{flex-direction:column;flex:1;gap:2px;display:flex}.ot-agent-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.ot-agent-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.ot-call-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px 10px #10b9814d}.ot-call-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.ot-items-list{flex-direction:column;gap:12px;display:flex}.ot-item{border-bottom:1px solid var(--card-border);align-items:center;gap:14px;padding:10px 0;display:flex}.ot-item:last-child{border-bottom:none}.ot-item-img{border-radius:var(--border-radius-sm);object-fit:cover;border:1px solid var(--card-border);flex-shrink:0;width:52px;height:52px}.ot-item-info{flex-direction:column;flex:1;gap:3px;display:flex}.ot-item-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.ot-item-qty{color:var(--text-muted);font-size:.78rem;font-family:var(--font-text)}.ot-item-price-col{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ot-item-unit{color:var(--text-muted);font-size:.72rem;font-family:var(--font-text)}.ot-item-subtotal{color:var(--primary-500);font-size:.95rem;font-weight:800}.ot-summary-card{background:linear-gradient(135deg, var(--card-bg), #10b98108)}.ot-summary-rows{flex-direction:column;gap:10px;display:flex}.ot-summary-row{color:var(--text-secondary);font-size:.88rem;font-family:var(--font-text);justify-content:space-between;align-items:center;display:flex}.ot-summary-divider{background:var(--card-border);height:1px;margin:6px 0}.ot-summary-total{color:var(--text-primary);font-size:1.05rem;font-weight:800;font-family:var(--font-sans)}.ot-free-delivery{color:var(--primary-500);font-weight:700}.ot-discount{color:#ef4444;font-weight:700}.ot-payment-badge{color:#4f46e5;background:#4f46e512;border:1px solid #4f46e526;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.ot-payment-dot{background:#4f46e5;border-radius:50%;width:7px;height:7px;display:inline-block}.ot-help-card{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#10b9810f,#0596690a);border:1px solid #10b98126;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex}.ot-help-emoji{flex-shrink:0;font-size:1.6rem}.ot-help-text{flex-direction:column;flex:1;gap:2px;min-width:120px;display:flex}.ot-help-text strong{color:var(--text-primary);font-size:.9rem}.ot-help-text span{color:var(--text-muted);font-size:.78rem;font-family:var(--font-text)}.ot-help-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);white-space:nowrap;padding:9px 18px;font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:0 3px 12px #10b9814d}.ot-help-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.ot-not-found{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:80px 24px;display:flex}.ot-not-found-icon{color:var(--text-muted);opacity:.3}.ot-not-found-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.ot-not-found-sub{color:var(--text-muted);max-width:340px;font-size:.9rem;font-family:var(--font-text);line-height:1.5}.ot-back-link{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);align-items:center;gap:7px;margin-top:8px;padding:11px 22px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.ot-back-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}@media (width<=960px){.ot-grid{grid-template-columns:1fr}.ot-col-right{order:-1}}@media (width<=600px){.ot-page{padding:16px 16px 48px}.ot-title{font-size:1.35rem}.ot-meta-row{gap:14px}.ot-card{padding:18px 16px}}.ot-otp-card{background:linear-gradient(135deg,#4f46e50f 0%,#7c3aed0a 100%);border:1px solid #4f46e52e;position:relative;overflow:hidden}.ot-otp-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#0000 60%,#7c3aed0f);position:absolute;inset:0}.ot-otp-hint{color:var(--text-muted);font-size:.82rem;font-family:var(--font-text);margin-bottom:20px;line-height:1.5}.ot-otp-display{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.ot-otp-digit{color:#4f46e5;letter-spacing:-.02em;width:58px;height:64px;transition:var(--transition-smooth);background:#4f46e514;border:2px solid #4f46e538;border-radius:12px;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:2rem;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) both ot-digit-in;display:flex;position:relative;box-shadow:0 2px 12px #4f46e51a,inset 0 1px #ffffff1a}.ot-otp-digit:first-child{animation-delay:50ms}.ot-otp-digit:nth-child(2){animation-delay:.1s}.ot-otp-digit:nth-child(3){animation-delay:.15s}.ot-otp-digit:nth-child(4){animation-delay:.2s}@keyframes ot-digit-in{0%{opacity:0;transform:translateY(8px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.ot-otp-actions{gap:10px;margin-bottom:16px;display:flex}.ot-otp-btn{border-radius:var(--border-radius-sm);font-size:.83rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.ot-otp-copy{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #4f46e559}.ot-otp-copy:hover{transform:translateY(-1px);box-shadow:0 7px 20px #4f46e573}.ot-otp-copied{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));box-shadow:0 4px 14px #10b98159}.ot-otp-refresh{color:#4f46e5;background:#4f46e514;border:1px solid #4f46e533}.ot-otp-refresh:hover{background:#4f46e524;transform:translateY(-1px)}.ot-otp-refresh:hover svg{animation:.5s linear ot-spin}@keyframes ot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ot-otp-warning{color:#d97706;font-size:.75rem;font-family:var(--font-text);background:#f59e0b12;border:1px solid #f59e0b2e;border-radius:8px;padding:8px 12px;line-height:1.4}.addr-page{max-width:780px;font-family:var(--font-text,sans-serif);margin:0 auto;padding:2rem 1rem 4rem}.addr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.addr-header-left{align-items:center;gap:.75rem;display:flex}.addr-header-icon{background:var(--primary-100,#dcfce7);width:44px;height:44px;color:var(--primary-600,#059669);border-radius:12px;justify-content:center;align-items:center;display:flex}.addr-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);margin:0;font-size:1.5rem;font-weight:700}.addr-subtitle{color:var(--neutral-400,#94a3b8);margin:0;font-size:.85rem}.addr-btn-primary{background:var(--primary-600,#059669);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.addr-btn-primary:hover:not(:disabled){background:var(--primary-700,#047857);transform:translateY(-1px)}.addr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.addr-btn-ghost{color:var(--neutral-600,#475569);border:1.5px solid var(--neutral-200,#e2e8f0);cursor:pointer;background:0 0;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s}.addr-btn-ghost:hover{border-color:var(--neutral-400,#94a3b8);color:var(--neutral-800,#1e293b)}.addr-icon-btn{cursor:pointer;color:var(--neutral-600,#475569);background:0 0;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;transition:background .18s,color .18s,transform .15s;display:inline-flex}.addr-icon-btn:hover{transform:translateY(-1px)}.addr-icon-btn--edit{color:var(--primary-600,#059669);background:var(--primary-50,#f0fdf4)}.addr-icon-btn--edit:hover{background:var(--primary-100,#dcfce7)}.addr-icon-btn--delete{color:#dc2626;background:#fef2f2}.addr-icon-btn--delete:hover{background:#fee2e2}.addr-icon-btn--delete:disabled{opacity:.5;cursor:not-allowed}.addr-form{border:1.5px solid var(--neutral-200,#e2e8f0);background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem;animation:.22s addr-slide-in;box-shadow:0 4px 24px #0000000f}@keyframes addr-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.addr-form-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.addr-form-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);margin:0;font-size:1.1rem;font-weight:700}.addr-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.addr-field{flex-direction:column;gap:.35rem;display:flex}.addr-field--full{grid-column:1/-1}.addr-field--checkbox{flex-direction:row;grid-column:1/-1;align-items:center;gap:.5rem}.addr-field label{color:var(--neutral-600,#475569);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.addr-field input[type=text],.addr-field input:not([type=checkbox]){border:1.5px solid var(--neutral-200,#e2e8f0);color:var(--neutral-800,#1e293b);background:var(--neutral-50,#f8fafc);font-size:.9rem;font-family:var(--font-text,sans-serif);border-radius:9px;outline:none;padding:.6rem .85rem;transition:border-color .18s,box-shadow .18s}.addr-field input:focus{border-color:var(--primary-500,#10b981);background:#fff;box-shadow:0 0 0 3px #10b9811f}.addr-field input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary-600,#059669);cursor:pointer}.addr-form-actions{border-top:1px solid var(--neutral-100,#f1f5f9);justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.addr-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite addr-spin;display:inline-block}@keyframes addr-spin{to{transform:rotate(360deg)}}.addr-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.addr-card{border:1.5px solid var(--neutral-200,#e2e8f0);background:#fff;border-radius:14px;padding:1.25rem 1.25rem 1rem;transition:border-color .2s,box-shadow .2s,opacity .3s,transform .3s;position:relative}.addr-card:hover{border-color:var(--primary-200,#bbf7d0);box-shadow:0 6px 20px #10b9811a}.addr-card--default{border-color:var(--primary-400,#34d399);background:linear-gradient(135deg,#f0fdf4 0%,#fff 60%)}.addr-card--deleting{opacity:.4;pointer-events:none;transform:scale(.98)}.addr-default-badge{background:var(--primary-600,#059669);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;margin-bottom:.6rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.addr-card-name{color:var(--neutral-800,#1e293b);margin:0 0 .15rem;font-size:1rem;font-weight:700}.addr-card-phone{color:var(--neutral-400,#94a3b8);margin:0 0 .5rem;font-size:.85rem}.addr-card-line{color:var(--neutral-600,#475569);margin:0 0 .1rem;font-size:.88rem}.addr-card-actions{border-top:1px solid var(--neutral-100,#f1f5f9);gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.addr-empty{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.addr-empty-icon{background:var(--primary-50,#f0fdf4);width:64px;height:64px;color:var(--primary-400,#34d399);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.8rem;display:flex}.addr-empty-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-700,#334155);margin:0;font-size:1.1rem;font-weight:700}.addr-empty-sub{color:var(--neutral-400,#94a3b8);margin:0 0 1rem;font-size:.88rem}@media (width<=520px){.addr-form-grid{grid-template-columns:1fr}.addr-field--full{grid-column:1}}.co-page{max-width:1100px;font-family:var(--font-text,sans-serif);margin:0 auto;padding:2rem 1.25rem 5rem}.co-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.co-back-link{color:var(--neutral-600,#475569);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.co-back-link:hover{color:var(--primary-600,#059669)}.co-page-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);align-items:center;gap:.5rem;margin:0;font-size:1.6rem;font-weight:700;display:flex}.co-stepper{align-items:center;gap:0;margin-bottom:2rem;display:flex}.co-step{color:var(--neutral-400,#94a3b8);align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.co-step--active{color:var(--primary-600,#059669)}.co-step--done{color:var(--primary-500,#10b981)}.co-step-dot{background:var(--neutral-100,#f1f5f9);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;transition:background .2s,color .2s;display:flex}.co-step--active .co-step-dot{background:var(--primary-600,#059669);color:#fff}.co-step--done .co-step-dot{background:var(--primary-100,#dcfce7);color:var(--primary-600,#059669)}.co-step-line{background:var(--neutral-200,#e2e8f0);flex:1;height:2px;margin:0 .5rem;transition:background .3s}.co-step-line--done{background:var(--primary-400,#34d399)}.co-layout{grid-template-columns:1fr 360px;align-items:start;gap:1.5rem;display:grid}.co-card{border:1.5px solid var(--neutral-200,#e2e8f0);background:#fff;border-radius:16px;padding:1.5rem;animation:.2s co-fade-up;box-shadow:0 4px 20px #0000000d}@keyframes co-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.co-card-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);border-bottom:1px solid var(--neutral-100,#f1f5f9);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.85rem;font-size:1.05rem;font-weight:700;display:flex}.co-step-actions{border-top:1px solid var(--neutral-100,#f1f5f9);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.co-btn-primary{background:var(--primary-600,#059669);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1.3rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.co-btn-primary:hover:not(:disabled){background:var(--primary-700,#047857);transform:translateY(-1px)}.co-btn-primary:disabled{opacity:.55;cursor:not-allowed}.co-btn-ghost{color:var(--neutral-600,#475569);border:1.5px solid var(--neutral-200,#e2e8f0);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.co-btn-ghost:hover{border-color:var(--neutral-400,#94a3b8);color:var(--neutral-800,#1e293b)}.co-btn-place{background:linear-gradient(135deg, var(--primary-600,#059669), var(--primary-500,#10b981));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #05966959}.co-btn-place:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966973}.co-btn-place:disabled{opacity:.6;cursor:not-allowed}.co-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite co-spin;display:inline-block}@keyframes co-spin{to{transform:rotate(360deg)}}.co-addr-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.co-addr-option{border:1.5px solid var(--neutral-200,#e2e8f0);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:border-color .18s,background .18s;display:flex}.co-addr-option:hover{border-color:var(--primary-300,#6ee7b7)}.co-addr-option--selected{border-color:var(--primary-500,#10b981);background:var(--primary-50,#f0fdf4)}.co-addr-option input[type=radio]{accent-color:var(--primary-600,#059669);flex-shrink:0;margin-top:3px}.co-addr-name{color:var(--neutral-800,#1e293b);align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.92rem;font-weight:700;display:flex}.co-addr-default-badge{text-transform:uppercase;background:var(--primary-600,#059669);color:#fff;border-radius:20px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.co-addr-detail{color:var(--neutral-600,#475569);font-size:.83rem;line-height:1.5}.co-add-addr-link{color:var(--primary-600,#059669);margin-bottom:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .18s;display:inline-block}.co-add-addr-link:hover{color:var(--primary-700,#047857);text-decoration:underline}.co-payment-list{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.co-payment-option{border:1.5px solid var(--neutral-200,#e2e8f0);cursor:pointer;border-radius:12px;align-items:center;gap:.85rem;padding:.9rem 1rem;transition:border-color .18s,background .18s;display:flex}.co-payment-option:hover{border-color:var(--primary-300,#6ee7b7)}.co-payment-option--selected{border-color:var(--primary-500,#10b981);background:var(--primary-50,#f0fdf4)}.co-payment-option input[type=radio]{accent-color:var(--primary-600,#059669)}.co-pay-icon{background:var(--neutral-100,#f1f5f9);width:38px;height:38px;color:var(--primary-600,#059669);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.co-pay-label{color:var(--neutral-800,#1e293b);font-size:.9rem;font-weight:700}.co-pay-sub{color:var(--neutral-400,#94a3b8);font-size:.78rem}.co-coupon-row{background:var(--neutral-50,#f8fafc);border:1.5px solid var(--neutral-200,#e2e8f0);border-radius:10px;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem .85rem;display:flex}.co-coupon-icon{color:var(--neutral-400,#94a3b8);flex-shrink:0}.co-coupon-input{color:var(--neutral-800,#1e293b);font-size:.88rem;font-family:var(--font-text,sans-serif);background:0 0;border:none;outline:none;flex:1}.co-coupon-input::placeholder{color:var(--neutral-300,#cbd5e1)}.co-coupon-btn{background:var(--primary-600,#059669);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.83rem;font-weight:700;transition:background .18s}.co-coupon-btn:hover:not(:disabled){background:var(--primary-700,#047857)}.co-coupon-btn--applied{background:var(--primary-500,#10b981);cursor:default}.co-coupon-btn:disabled{opacity:.6}.co-coupon-success{color:var(--primary-600,#059669);margin:.5rem 0 0;font-size:.83rem;font-weight:600}.co-review-block{background:var(--neutral-50,#f8fafc);border:1px solid var(--neutral-200,#e2e8f0);border-radius:10px;margin-bottom:.75rem;padding:.85rem 1rem}.co-review-block-header{color:var(--neutral-400,#94a3b8);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:flex}.co-review-edit{color:var(--primary-600,#059669);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700}.co-review-edit:hover{text-decoration:underline}.co-review-text{color:var(--neutral-700,#334155);margin:0;font-size:.88rem;line-height:1.55}.co-review-items{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.co-review-item{align-items:center;gap:.75rem;display:flex}.co-review-img{object-fit:cover;border:1px solid var(--neutral-100,#f1f5f9);border-radius:9px;flex-shrink:0;width:44px;height:44px}.co-review-item-info{flex-direction:column;flex:1;display:flex}.co-review-item-name{color:var(--neutral-800,#1e293b);font-size:.87rem;font-weight:600}.co-review-item-qty{color:var(--neutral-400,#94a3b8);font-size:.78rem}.co-review-item-price{color:var(--neutral-700,#334155);font-size:.9rem;font-weight:700}.co-summary{border:1.5px solid var(--neutral-200,#e2e8f0);background:#fff;border-radius:16px;padding:1.25rem 1.25rem 1.5rem;position:sticky;top:1.5rem;box-shadow:0 4px 20px #0000000d}.co-summary-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);border-bottom:1px solid var(--neutral-100,#f1f5f9);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}.co-summary-items{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.co-summary-item{align-items:center;gap:.6rem;display:flex}.co-summary-img{object-fit:cover;border:1px solid var(--neutral-100,#f1f5f9);border-radius:8px;flex-shrink:0;width:38px;height:38px}.co-summary-item-info{flex-direction:column;flex:1;display:flex}.co-summary-item-name{color:var(--neutral-700,#334155);font-size:.82rem;font-weight:600;line-height:1.3}.co-summary-item-qty{color:var(--neutral-400,#94a3b8);font-size:.75rem}.co-summary-item-price{color:var(--neutral-700,#334155);font-size:.85rem;font-weight:700}.co-summary-divider{background:var(--neutral-100,#f1f5f9);height:1px;margin:.75rem 0}.co-summary-row{color:var(--neutral-600,#475569);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.co-summary-row--discount{color:var(--primary-600,#059669);font-weight:600}.co-free{color:var(--primary-600,#059669);font-weight:700}.co-summary-total{color:var(--neutral-800,#1e293b);justify-content:space-between;margin-top:.25rem;font-size:1rem;font-weight:800;display:flex}.co-free-badge{color:var(--primary-600,#059669);background:var(--primary-50,#f0fdf4);text-align:center;border-radius:8px;margin-top:.75rem;padding:.4rem .7rem;font-size:.8rem;font-weight:600}.co-free-hint{color:var(--neutral-400,#94a3b8);text-align:center;margin-top:.75rem;font-size:.78rem}.co-empty{text-align:center;font-family:var(--font-text,sans-serif);flex-direction:column;align-items:center;gap:.6rem;padding:5rem 1rem;display:flex}.co-empty-icon{color:var(--neutral-300,#cbd5e1);margin-bottom:.5rem}.co-empty-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-700,#334155);margin:0;font-size:1.15rem;font-weight:700}.co-empty-sub{color:var(--neutral-400,#94a3b8);margin:0 0 1rem;font-size:.88rem}.co-success{min-height:70vh;font-family:var(--font-text,sans-serif);justify-content:center;align-items:center;padding:2rem;display:flex}.co-success-inner{text-align:center;border:1.5px solid var(--neutral-200,#e2e8f0);background:#fff;border-radius:20px;max-width:480px;padding:2.5rem 2rem;animation:.3s co-fade-up;box-shadow:0 8px 32px #00000012}.co-success-icon{background:var(--primary-50,#f0fdf4);width:80px;height:80px;color:var(--primary-500,#10b981);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.co-success-title{font-family:var(--font-sans,sans-serif);color:var(--neutral-800,#1e293b);margin:0 0 .5rem;font-size:1.6rem;font-weight:800}.co-success-sub{color:var(--neutral-600,#475569);margin:0 0 1.25rem;font-size:.92rem;line-height:1.55}.co-success-meta{color:var(--neutral-600,#475569);background:var(--neutral-50,#f8fafc);text-align:left;border-radius:10px;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.co-success-meta span{align-items:center;gap:.45rem;display:flex}.co-success-actions{flex-direction:column;gap:.6rem;display:flex}@media (width<=820px){.co-layout{grid-template-columns:1fr}.co-summary{order:-1;position:static}}@media (width<=480px){.co-step-label{display:none}.co-step-dot{width:24px;height:24px;font-size:.7rem}}.sh-page{background:var(--bg-gradient);min-height:100vh;max-width:var(--max-width);font-family:var(--font-sans);margin:0 auto;padding:2rem 1.5rem 4rem}.sh-header{margin-bottom:1.75rem}.sh-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sh-header-title-group{align-items:center;gap:1rem;display:flex}.sh-header-icon{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 20px -6px #10b98173}.sh-title{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.sh-subtitle{color:var(--text-muted);font-size:.875rem;font-family:var(--font-text);margin-top:.2rem}.sh-header-actions{align-items:center;gap:.6rem;display:flex}.sh-btn{border-radius:var(--border-radius-sm);font-size:.82rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.sh-btn-ghost{background:var(--card-bg);border-color:var(--card-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sh-btn-ghost:hover,.sh-btn-active{border-color:var(--primary-500);color:var(--primary-500);background:var(--primary-50)}.sh-btn-danger{color:var(--danger);background:#ef444414;border-color:#ef444440}.sh-btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.sh-btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-color:#0000;box-shadow:0 4px 14px -4px #10b98180}.sh-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px #10b9818c}.sh-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--card-shadow);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.sh-search-wrap{flex:1;align-items:center;min-width:180px;display:flex;position:relative}.sh-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.sh-search-input{border:1.5px solid var(--neutral-200);border-radius:var(--border-radius-sm);background:var(--bg-app);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-text);transition:var(--transition-smooth);outline:none;padding:.5rem 2.4rem .5rem 2.2rem}.sh-search-input::placeholder{color:var(--text-muted)}.sh-search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.sh-search-clear{background:var(--neutral-200);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:.6rem}.sh-search-clear:hover{background:var(--danger);color:#fff}.sh-sort-wrap{z-index:20;position:relative}.sh-sort-trigger{border:1.5px solid var(--neutral-200);border-radius:var(--border-radius-sm);background:var(--bg-app);color:var(--text-secondary);font-size:.82rem;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;align-items:center;gap:.4rem;padding:.5rem .85rem;font-weight:600;display:flex}.sh-sort-trigger:hover{border-color:var(--primary-500);color:var(--primary-500)}.sh-sort-chevron{transition:transform .25s}.sh-sort-chevron.open{transform:rotate(180deg)}.sh-sort-menu{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:21;min-width:160px;list-style:none;animation:.15s sh-menu-in;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 40px -12px #0f172a26}@keyframes sh-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sh-sort-option{text-align:left;width:100%;font-size:.82rem;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;font-weight:500;transition:background .15s;display:block}.sh-sort-option:hover{background:var(--primary-50);color:var(--primary-600)}.sh-sort-option.active{color:var(--primary-600);background:var(--primary-50);font-weight:700}.sh-bulk-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.sh-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.sh-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--card-shadow);transition:var(--transition-smooth);align-items:center;gap:.9rem;padding:.9rem 1rem;animation:.2s both sh-item-in;display:flex}.sh-item:hover{box-shadow:var(--card-shadow-hover);border-color:#10b98133;transform:translate(2px)}.sh-item-selected{border-color:var(--primary-500)!important;background:#10b9810f!important}@keyframes sh-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sh-list .sh-item:first-child{animation-delay:30ms}.sh-list .sh-item:nth-child(2){animation-delay:60ms}.sh-list .sh-item:nth-child(3){animation-delay:90ms}.sh-list .sh-item:nth-child(4){animation-delay:.12s}.sh-list .sh-item:nth-child(5){animation-delay:.15s}.sh-list .sh-item:nth-child(6){animation-delay:.18s}.sh-list .sh-item:nth-child(7){animation-delay:.21s}.sh-list .sh-item:nth-child(8){animation-delay:.24s}.sh-checkbox{border:2px solid var(--neutral-300);width:20px;height:20px;transition:var(--transition-smooth);background:var(--bg-app);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-checkbox.checked{border-color:var(--primary-500);background:var(--primary-500)}.sh-check-mark{color:#fff;font-size:.7rem;font-weight:700}.sh-item-clock{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.sh-item-body{flex:1;min-width:0}.sh-item-query{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.sh-item-meta{font-family:var(--font-text);align-items:center;gap:.35rem;margin-top:.2rem;display:flex}.sh-item-time{color:var(--text-muted);font-size:.775rem}.sh-item-dot{color:var(--neutral-300);font-size:.9rem;line-height:1}.sh-item-count{color:var(--primary-600);font-size:.775rem;font-weight:600}.sh-item-actions{opacity:0;align-items:center;gap:.35rem;transition:opacity .2s;display:flex}.sh-item:hover .sh-item-actions{opacity:1}.sh-item-run,.sh-item-delete{cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.sh-item-run{color:var(--primary-600);background:#10b9811a}.sh-item-run:hover{background:var(--primary-500);color:#fff;transform:scale(1.1)}.sh-item-delete{color:var(--danger);background:#ef444414}.sh-item-delete:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.sh-empty{text-align:center;background:var(--card-bg);border:1px dashed var(--neutral-200);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.sh-empty-icon{font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite sh-float}@keyframes sh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sh-empty h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.sh-empty p{color:var(--text-muted);font-size:.875rem;font-family:var(--font-text);max-width:280px}@media (width<=600px){.sh-page{padding:1.25rem 1rem 3rem}.sh-title{font-size:1.25rem}.sh-toolbar{flex-direction:column;align-items:stretch}.sh-search-wrap{min-width:0}.sh-sort-wrap{width:100%}.sh-sort-trigger{justify-content:space-between;width:100%}.sh-bulk-actions{margin-left:0}.sh-header-inner{flex-direction:column;align-items:flex-start}}.sr-page{background:var(--bg-gradient);min-height:100vh;max-width:var(--max-width);font-family:var(--font-sans);margin:0 auto;padding:2rem 1.5rem 4rem}.sr-topbar{margin-bottom:1.75rem}.sr-searchbar{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-smooth);align-items:center;gap:0;padding:0 .5rem 0 1rem;display:flex}.sr-searchbar:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.sr-searchbar-icon{color:var(--text-muted);flex-shrink:0;margin-right:.5rem}.sr-searchbar-input{color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:.85rem 0}.sr-searchbar-input::placeholder{color:var(--text-muted)}.sr-searchbar-clear{background:var(--neutral-200);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.sr-searchbar-clear:hover{background:var(--danger);color:#fff}.sr-searchbar-btn{border-radius:calc(var(--border-radius-md) - 4px);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;margin:.3rem 0;padding:.6rem 1.2rem}.sr-searchbar-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #10b98180}.sr-layout{grid-template-columns:1fr 260px;align-items:start;gap:1.5rem;display:grid}.sr-main{min-width:0}.sr-results-header{margin-bottom:1.25rem}.sr-results-title{color:var(--text-secondary);font-size:1.05rem;font-weight:600}.sr-count{color:var(--primary-600);margin-right:.25rem;font-size:1.5rem;font-weight:800}.sr-query{color:var(--text-primary);font-style:italic}.sr-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.sr-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.25s both sr-card-in;overflow:hidden}.sr-card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b98133;transform:translateY(-4px)}@keyframes sr-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sr-grid .sr-card:first-child{animation-delay:40ms}.sr-grid .sr-card:nth-child(2){animation-delay:80ms}.sr-grid .sr-card:nth-child(3){animation-delay:.12s}.sr-grid .sr-card:nth-child(4){animation-delay:.16s}.sr-grid .sr-card:nth-child(5){animation-delay:.2s}.sr-grid .sr-card:nth-child(6){animation-delay:.24s}.sr-card-img-wrap{aspect-ratio:4/3;background:var(--neutral-100);position:relative;overflow:hidden}.sr-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.sr-card:hover .sr-card-img{transform:scale(1.06)}.sr-card-body{padding:.85rem}.sr-card-name{color:var(--text-primary);margin:.2rem 0 .35rem;font-size:.9rem;font-weight:600;line-height:1.35}.sr-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.sr-discount{color:var(--success);background:#10b9811a;border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-size:.7rem;font-weight:700}.sr-empty{text-align:center;background:var(--card-bg);border:1px dashed var(--neutral-200);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:5rem 2rem;display:flex}.sr-empty-icon{color:var(--text-muted);opacity:.6;animation:3.5s ease-in-out infinite sr-float}@keyframes sr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sr-empty h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.sr-empty p{color:var(--text-muted);font-size:.875rem;font-family:var(--font-text);max-width:280px}.sr-empty-actions{margin-top:.5rem}.sr-sidebar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:1.5rem;overflow:hidden}.sr-sidebar-header{border-bottom:1px solid var(--card-border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.8rem;font-weight:700;display:flex}.sr-history-list{padding:.4rem 0;list-style:none}.sr-history-item{grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;padding:.5rem .75rem;transition:background .15s;display:grid}.sr-history-item:hover{background:#10b9810a}.sr-history-query{color:var(--text-primary);cursor:pointer;font-size:.82rem;font-family:var(--font-sans);text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;min-width:0;padding:0;font-weight:500;display:flex;overflow:hidden}.sr-history-query span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-history-query:hover{color:var(--primary-600)}.sr-history-qicon{color:var(--text-muted);flex-shrink:0}.sr-history-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;display:flex}.sr-history-time{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.sr-history-count{color:var(--primary-600);background:#10b9811a;border-radius:4px;padding:.05rem .3rem;font-size:.68rem;font-weight:700}.sr-history-actions{opacity:0;align-items:center;gap:.2rem;transition:opacity .2s;display:flex}.sr-history-item:hover .sr-history-actions{opacity:1}.sr-history-run,.sr-history-del{cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.sr-history-run{color:var(--primary-600);background:#10b9811a}.sr-history-run:hover{background:var(--primary-500);color:#fff}.sr-history-del{color:var(--danger);background:#ef444414}.sr-history-del:hover{background:var(--danger);color:#fff}@media (width<=820px){.sr-layout{grid-template-columns:1fr}.sr-sidebar{position:static}}@media (width<=600px){.sr-page{padding:1.25rem 1rem 3rem}.sr-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.sr-searchbar-btn{padding:.55rem .85rem;font-size:.8rem}}.dl-page{background:var(--neutral-50);min-height:100vh}.dl-header{z-index:40;border-bottom:1px solid var(--neutral-200);background:#fff;position:sticky;top:0}.dl-header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.dl-brand{align-items:center;gap:.5rem;display:flex}.dl-brand-icon{width:24px;height:24px;color:var(--primary-500)}.dl-brand-name{color:var(--primary-600);font-size:1.1rem;font-weight:600;font-family:var(--font-sans)}.dl-header-right{align-items:center;gap:.75rem;display:flex}.dl-partner-name{color:var(--neutral-600);font-size:.875rem;font-weight:500}.dl-logout-btn{color:var(--neutral-400);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;padding:.5rem;display:flex}.dl-logout-btn:hover{color:var(--danger);background:#ef444414}.dl-logout-icon{width:16px;height:16px}.dl-body{max-width:1280px;margin:0 auto;padding:1.5rem}.dl-main{flex:1;min-width:0}.dlogin-page{min-height:100vh;display:flex}.dlogin-left{background:var(--primary-500);justify-content:center;align-items:center;display:none;position:relative}@media (width>=1024px){.dlogin-left{width:50%;display:flex}}.dlogin-left-bg{object-fit:cover;opacity:.1;width:100%;height:100%;position:absolute;inset:0}.dlogin-left-content{text-align:center;padding:0 3rem;position:relative}.dlogin-left-title{color:#fff;font-size:2.25rem;font-weight:600;font-family:var(--font-sans);margin-bottom:1rem}.dlogin-left-sub{color:#ffffffa6;max-width:28rem;margin:0 auto;font-size:1.1rem}.dlogin-right{background:var(--neutral-50);flex:1;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.dlogin-form-wrap{width:100%;max-width:28rem}.dlogin-brand{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.dlogin-brand-icon{width:28px;height:28px;color:var(--primary-500)}.dlogin-brand-name{color:var(--primary-600);font-size:1.5rem;font-weight:600;font-family:var(--font-sans)}.dlogin-title{text-align:center;color:var(--primary-600);font-size:1.5rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.5rem}.dlogin-sub{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.dlogin-form{box-shadow:var(--card-shadow);background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.dlogin-field{flex-direction:column;gap:.375rem;display:flex}.dlogin-label{color:var(--primary-600);font-size:.875rem;font-weight:500;font-family:var(--font-sans)}.dlogin-input{border:1.5px solid var(--neutral-200);width:100%;font-size:.875rem;font-family:var(--font-text);transition:var(--transition-smooth);color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:.625rem 1rem}.dlogin-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.dlogin-btn{background:var(--primary-500);color:#fff;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:.75rem}.dlogin-btn:hover:not(:disabled){background:var(--primary-600)}.dlogin-btn:disabled{opacity:.6;cursor:not-allowed}.dd-page{flex-direction:column;gap:1.5rem;display:flex}.dd-tabs-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dd-tab-btn{border:1px solid var(--neutral-200);color:var(--neutral-600);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:12px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.dd-tab-active{background:var(--primary-500)!important;color:#fff!important;border-color:var(--primary-500)!important}.dd-tab-btn:hover:not(.dd-tab-active){background:var(--neutral-50)}.dd-tracking-wrap{margin-left:auto}.dd-tracking-btn{border:1px solid var(--neutral-200);color:var(--neutral-600);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:12px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.dd-tracking-on{color:#fff!important;background:#16a34a!important;border-color:#16a34a!important}.dd-nav-icon{width:14px;height:14px}.dd-nav-pulse{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dd-empty{text-align:center;border:1px solid var(--neutral-200);background:#fff;border-radius:16px;padding:4rem 2rem}.dd-empty-icon{width:48px;height:48px;color:var(--neutral-300);margin:0 auto .75rem;display:block}.dd-empty-title{color:var(--neutral-900);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.dd-empty-sub{color:var(--neutral-500);font-size:.875rem}.dd-orders-list{flex-direction:column;gap:1rem;display:flex}.al-page{height:100vh;overflow:hidden}.al-navbar-wrap{display:none}@media (width>=1024px){.al-navbar-wrap{display:block}}.al-layout{flex-direction:column;gap:2rem;max-width:1280px;height:100%;margin:0 auto;padding:2rem 1.5rem;display:flex}@media (width>=1024px){.al-layout{flex-direction:row}}.al-sidebar{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;flex-shrink:0;width:100%;height:fit-content;padding:1rem}@media (width>=1024px){.al-sidebar{width:256px}}.al-sidebar-header{border-bottom:1px solid var(--neutral-200);margin-bottom:1rem;padding-bottom:1rem}.al-sidebar-title{color:var(--primary-600);font-size:1.1rem;font-weight:600;font-family:var(--font-sans);align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.al-shield-icon{width:20px;height:20px;color:var(--primary-700)}.al-nav{flex-direction:column;gap:.375rem;display:flex}.al-nav-link{color:var(--text-muted);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;text-decoration:none;display:flex}.al-nav-link:hover{color:var(--neutral-900);background:#fb923c14}.al-nav-link-active{background:var(--primary-500)!important;color:#fff!important}.al-nav-icon{width:16px;height:16px}.al-main{flex:1;padding-bottom:5rem;overflow-y:auto}.al-main::-webkit-scrollbar{display:none}.ad-page{flex-direction:column;gap:1.5rem;display:flex}.ad-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=1024px){.ad-stats-grid{grid-template-columns:repeat(4,1fr)}}.ad-stat-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;justify-content:space-between;gap:.75rem;padding:1.25rem;display:flex}.ad-stat-value{color:var(--neutral-900);font-size:1.5rem;font-weight:600}.ad-stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.875rem}.ad-stat-icon-wrap{color:#ea580c;background:#fb923c1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ad-stat-icon{width:20px;height:20px}.ad-table-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;overflow:hidden}.ad-table-header{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ad-table-title{color:var(--neutral-900);font-size:1.1rem;font-weight:600}.ad-view-all{color:#ea580c;font-size:.875rem;font-weight:500;text-decoration:none}.ad-view-all:hover{color:#c2410c}.ad-table-wrap{overflow-x:auto}.ad-table{text-align:left;white-space:nowrap;border-collapse:collapse;width:100%;font-size:.875rem}.ad-thead{background:#f8fafc80}.ad-th{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.ad-tbody tr+tr{border-top:1px solid var(--neutral-200)}.ad-tr{transition:background .15s}.ad-tr:hover{background:#f8fafc80}.ad-td{color:var(--neutral-600);vertical-align:middle;padding:1rem 1.5rem}.ad-td-mono{color:var(--neutral-500);font-family:monospace;font-size:.75rem}.ad-td-name{color:var(--neutral-900);font-weight:500}.ad-td-sub{color:var(--neutral-500);font-size:.75rem}.ad-td-muted{color:var(--neutral-600)}.ad-td-bold{font-weight:500}.ad-td-empty{text-align:center;color:var(--neutral-500);padding:2rem 1.5rem}.ad-status-badge{border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.ad-status-default{background:var(--neutral-100);color:var(--neutral-600)}.ao-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ao-card-header{border-bottom:1px solid var(--neutral-200);padding:1.25rem 1.5rem}.ao-card-title{color:var(--neutral-900);font-size:1.25rem;font-weight:600}.ao-table-wrap{overflow-x:auto}.ao-table{text-align:left;white-space:nowrap;border-collapse:collapse;width:100%;font-size:.875rem}.ao-thead{background:#f8fafc80}.ao-th{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.ao-tbody tr+tr{border-top:1px solid var(--neutral-200)}.ao-tr{transition:background .15s}.ao-tr:hover{background:#f8fafc80}.ao-td{vertical-align:middle;padding:1rem 1.5rem}.ao-td-id{color:var(--neutral-900);font-weight:600}.ao-td-name{color:var(--neutral-900);font-weight:500}.ao-td-sub{color:var(--neutral-500);font-size:.75rem}.ao-td-bold{font-weight:500}.ao-td-empty{text-align:center;color:var(--neutral-500);padding:2rem 1.5rem}.ao-partner-wrap{align-items:center;gap:.5rem;display:flex}.ao-partner-avatar{background:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ao-partner-avatar span{color:#fff;font-size:10px;font-weight:600}.ao-partner-name{color:var(--neutral-900);font-size:.75rem;font-weight:500}.ao-partner-phone{color:var(--neutral-500);font-size:.65rem}.ao-assign-btn{color:#4f46e5;cursor:pointer;transition:var(--transition-smooth);background:#6366f11a;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex}.ao-assign-btn:hover{background:#6366f133}.ao-assign-icon{width:12px;height:12px}.ao-status-select{cursor:pointer;border:none;border-right:8px solid #0000;border-radius:8px;outline:none;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.ao-status-placed{color:#1e40af;background:#dbeafe}.ao-status-confirmed{color:#92400e;background:#fef3c7}.ao-status-assigned{color:#3730a3;background:#e0e7ff}.ao-status-packed{color:#155e75;background:#cffafe}.ao-status-out{color:#6b21a8;background:#f3e8ff}.ao-status-delivered{color:#166534;background:#dcfce7}.ao-status-cancelled{color:#991b1b;background:#fee2e2}.ao-status-default{background:var(--neutral-100);color:var(--neutral-800)}.ao-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#f8fafccc;position:fixed;inset:0}.ao-modal-center{z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ao-modal{background:#fff;border-radius:16px;width:100%;max-width:24rem;padding:1.5rem;animation:.2s ao-fade-in}@keyframes ao-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ao-modal-title{color:var(--primary-600);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.ao-modal-empty{color:var(--neutral-500);margin-bottom:1rem;font-size:.875rem}.ao-partner-list{flex-direction:column;gap:.5rem;max-height:240px;margin-bottom:1.25rem;display:flex;overflow-y:auto}.ao-partner-option{border:1px solid var(--neutral-200);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.ao-partner-option:hover{background:var(--neutral-50)}.ao-partner-option-selected{border-color:var(--primary-500)!important;background:#10b9810d!important}.ao-radio{accent-color:var(--primary-500)}.ao-modal-actions{gap:.5rem;display:flex}.ao-modal-cancel{color:var(--neutral-600);background:var(--neutral-100);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;flex:1;padding:.625rem;font-size:.875rem;font-weight:500}.ao-modal-cancel:hover{background:var(--neutral-200)}.ao-modal-confirm{color:#fff;background:var(--primary-500);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;flex:1;padding:.625rem;font-size:.875rem;font-weight:500}.ao-modal-confirm:hover:not(:disabled){background:var(--primary-600)}.ao-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.ap-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ap-card-header{border-bottom:1px solid var(--neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ap-card-title{color:var(--neutral-900);font-size:1.25rem;font-weight:600}.ap-add-btn{background:var(--primary-500);color:#fff;transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.ap-add-btn:hover{background:var(--primary-700)}.ap-add-icon{width:16px;height:16px}.ap-table-wrap{overflow-x:auto}.ap-table{text-align:left;white-space:nowrap;border-collapse:collapse;width:100%;font-size:.875rem}.ap-thead{background:#f8fafc80}.ap-th{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.ap-th-right{text-align:right}.ap-tbody tr+tr{border-top:1px solid var(--neutral-200)}.ap-tr{transition:background .15s}.ap-tr:hover{background:#f8fafc80}.ap-td{vertical-align:middle;padding:1rem 1.5rem}.ap-td-bold{font-weight:500}.ap-td-right{text-align:right}.ap-td-empty{text-align:center;color:var(--neutral-500);padding:2rem 1.5rem}.ap-product-cell{align-items:center;gap:.75rem;display:flex}.ap-product-img{object-fit:cover;border-radius:8px;width:48px;height:48px}.ap-product-name{color:var(--neutral-900);font-weight:600}.ap-product-cat{color:var(--neutral-500);font-size:.75rem}.ap-stock-badge{border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.ap-stock-in{color:#166534;background:#dcfce7}.ap-stock-out{color:#991b1b;background:#fee2e2}.ap-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.ap-action-btn{cursor:pointer;background:var(--neutral-100);color:var(--neutral-500);transition:var(--transition-smooth);border:none;border-radius:8px;align-items:center;padding:.5rem;display:flex}.ap-action-edit:hover{color:#ea580c;background:#fb923c1a}.ap-action-del:hover{color:var(--danger);background:#ef444414}.ap-action-icon{width:16px;height:16px}.apf-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.apf-card-header{border-bottom:1px solid var(--neutral-200);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.apf-back-btn{background:var(--neutral-100);color:var(--neutral-500);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;align-items:center;padding:.5rem;display:flex}.apf-back-btn:hover{background:var(--neutral-200)}.apf-back-icon{width:20px;height:20px}.apf-card-title{color:var(--neutral-900);font-size:1.25rem;font-weight:600}.apf-form{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.apf-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.apf-grid{grid-template-columns:repeat(2,1fr)}}.apf-field{flex-direction:column;gap:.5rem;display:flex}.apf-full{grid-column:1/-1}.apf-label{color:var(--neutral-700);font-size:.875rem;font-weight:500;font-family:var(--font-sans)}.apf-label-cursor{cursor:pointer}.apf-input,.apf-select,.apf-textarea{border:1.5px solid var(--neutral-200);width:100%;font-size:.875rem;font-family:var(--font-text);transition:var(--transition-smooth);color:var(--text-primary);background:#fff;border-radius:8px;outline:none;padding:.625rem 1rem}.apf-input:focus,.apf-select:focus,.apf-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.apf-textarea{resize:none}.apf-checkbox-row{flex-direction:row;align-items:center;gap:.75rem}.apf-checkbox{width:20px;height:20px;accent-color:var(--primary-500);cursor:pointer;border-radius:4px}.apf-image-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.apf-preview-wrap{border:1px solid var(--neutral-200);background:var(--neutral-100);border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.apf-preview-img{object-fit:cover;width:100%;height:100%}.apf-file-input{border:1.5px solid var(--neutral-200);cursor:pointer;background:#fff;border-radius:8px;outline:none;flex:1;padding:.625rem 1rem;font-size:.875rem}.apf-footer{border-top:1px solid var(--neutral-200);justify-content:flex-end;padding-top:1.5rem;display:flex}.apf-save-btn{color:#fff;font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ea580c;border:none;border-radius:8px;padding:.625rem 1.5rem}.apf-save-btn:hover:not(:disabled){background:#c2410c}.apf-save-btn:disabled{opacity:.5;cursor:not-allowed}.adp-page{flex-direction:column;gap:1.5rem;display:flex}.adp-top{justify-content:space-between;align-items:center;display:flex}.adp-title{color:var(--neutral-900);font-size:1.25rem;font-weight:600}.adp-add-btn{background:var(--primary-500);color:#fff;font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.adp-add-btn:hover{background:var(--primary-600)}.adp-add-icon{width:16px;height:16px}.adp-empty{text-align:center;border:1px solid var(--neutral-200);background:#fff;border-radius:16px;padding:4rem 2rem}.adp-empty-icon{width:48px;height:48px;color:var(--neutral-300);margin:0 auto .75rem;display:block}.adp-empty-title{color:var(--neutral-900);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.adp-empty-sub{color:var(--neutral-500);font-size:.875rem}.adp-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.adp-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.adp-grid{grid-template-columns:repeat(3,1fr)}}.adp-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.adp-card-top{justify-content:space-between;align-items:center;display:flex}.adp-partner-info{align-items:center;gap:.75rem;display:flex}.adp-avatar{background:var(--primary-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.adp-avatar span{color:#fff;font-size:.875rem;font-weight:600}.adp-name{color:var(--neutral-900);font-size:.875rem;font-weight:600}.adp-vehicle{color:var(--neutral-500);text-transform:capitalize;font-size:.75rem}.adp-status-badge{border-radius:999px;padding:.2rem .625rem;font-size:.7rem;font-weight:600}.adp-status-active{color:#166534;background:#dcfce7}.adp-status-inactive{color:#991b1b;background:#fee2e2}.adp-contact{color:var(--neutral-600);flex-direction:column;gap:.375rem;font-size:.875rem;display:flex}.adp-contact-row{align-items:center;gap:.5rem;display:flex}.adp-contact-icon{width:14px;height:14px;color:var(--neutral-400);flex-shrink:0}.adp-toggle-btn{cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:8px;padding:.5rem;font-size:.75rem;font-weight:500}.adp-toggle-deactivate{color:var(--danger);background:#ef44440f}.adp-toggle-deactivate:hover{background:#ef444424}.adp-toggle-activate{color:var(--primary-600);background:#10b9810f}.adp-toggle-activate:hover{background:#10b98124}.adp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#f8fafccc;position:fixed;inset:0}.adp-modal-center{z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.adp-modal{background:#fff;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:32rem;padding:1.5rem;animation:.2s ao-fade-in;display:flex}.adp-modal-header{justify-content:space-between;align-items:center;display:flex}.adp-modal-title{color:var(--primary-600);font-size:1.1rem;font-weight:600}.adp-modal-close{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;padding:.5rem;display:flex}.adp-modal-close:hover{background:var(--neutral-100)}.adp-modal-close-icon{width:20px;height:20px;color:var(--neutral-500)}.adp-modal-fields{flex-direction:column;gap:1rem;display:flex}.adp-field{flex-direction:column;gap:.375rem;display:flex}.adp-two-col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.adp-label{color:var(--primary-600);font-size:.875rem;font-weight:500;font-family:var(--font-sans)}.adp-input,.adp-select{border:1.5px solid var(--neutral-200);width:100%;font-size:.875rem;font-family:var(--font-text);transition:var(--transition-smooth);color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:.625rem 1rem}.adp-input:focus,.adp-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.adp-submit-btn{background:var(--primary-500);color:#fff;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;margin-top:.5rem;padding:.75rem}.adp-submit-btn:hover:not(:disabled){background:var(--primary-600)}.adp-submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-loading-container{justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.admin-spinner{border:4px solid var(--card-border);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-dashboard{flex-direction:column;gap:24px;padding:16px 0;display:flex}.admin-stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}@media (width>=640px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:20px;display:flex}.admin-stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.admin-stat-info{flex-direction:column;gap:4px;display:flex}.admin-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.admin-stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:var(--font-text)}.admin-stat-icon-wrapper{border-radius:var(--border-radius-sm);width:44px;height:44px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.admin-stat-card:first-child .admin-stat-icon-wrapper{color:#2563eb;background:#3b82f61a}.admin-stat-card:nth-child(2) .admin-stat-icon-wrapper{color:var(--primary-600);background:#10b9811a}.admin-stat-card:nth-child(3) .admin-stat-icon-wrapper{color:var(--accent-600);background:#f59e0b1a}.admin-stat-card:nth-child(4) .admin-stat-icon-wrapper{color:var(--danger);background:#ef44441a}.admin-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.admin-table-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-table-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.admin-table-link{color:var(--primary-600);transition:var(--transition-smooth);align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.admin-table-link:hover{color:var(--primary-700);transform:translate(2px)}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--card-border);background:#10b98108;padding:14px 24px;font-size:.75rem;font-weight:700}.admin-tr{border-bottom:1px solid var(--card-border);transition:var(--transition-smooth)}.admin-tr:last-child{border-bottom:none}.admin-tr:hover{background:#10b98105}.admin-td{color:var(--text-primary);vertical-align:middle;padding:16px 24px;font-size:.9rem}.admin-order-id{color:var(--text-muted);font-family:monospace;font-size:.8rem;font-weight:700}.admin-customer-info{flex-direction:column;display:flex}.admin-customer-name{color:var(--text-primary);font-weight:600}.admin-customer-email{color:var(--text-muted);font-size:.75rem}.admin-order-total{color:var(--text-primary);font-weight:600}.status-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:12px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-placed{color:#2563eb;background:#3b82f61a;border-color:#3b82f626}.status-processing{color:var(--accent-600);background:#f59e0b1a;border-color:#f59e0b26}.status-shipped{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf626}.status-delivered{color:var(--primary-600);background:#10b9811a;border-color:#10b98126}.status-cancelled{color:var(--danger);background:#ef44441a;border-color:#ef444426}.admin-order-date{color:var(--text-muted);font-size:.85rem}.products-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.products-table-header{border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.products-table-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.add-product-btn{background:var(--primary-500);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 12px #10b98133}.add-product-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.products-table-wrapper{overflow-x:auto}.products-table{border-collapse:collapse;text-align:left;width:100%}.products-thead{background:#10b9810a}.products-th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--card-border);padding:16px 24px;font-size:.75rem;font-weight:700}.products-th.text-right{text-align:right}.products-tr{border-bottom:1px solid var(--card-border);transition:var(--transition-smooth)}.products-tr:last-child{border-bottom:none}.products-tr:hover{background:#10b98105}.products-td{color:var(--text-primary);vertical-align:middle;padding:16px 24px;font-size:.9rem}.products-td.text-right{text-align:right}.product-display-flex{align-items:center;gap:12px;display:flex}.product-thumbnail{object-fit:cover;border:1px solid var(--card-border);background:var(--bg-app);border-radius:8px;width:48px;height:48px}.product-meta{flex-direction:column;gap:2px;display:flex}.product-name{color:var(--text-primary);font-weight:700}.product-category{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.product-price{color:var(--text-primary);font-weight:600}.stock-badge{letter-spacing:.02em;border-radius:12px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-in-stock{color:var(--primary-600);background:#10b9811a}.badge-out-of-stock{color:var(--danger);background:#ef44441a}.actions-flex{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;text-decoration:none;display:flex}.btn-edit{background:var(--neutral-100);color:var(--text-secondary)}.btn-edit:hover{color:var(--accent-600);background:#f59e0b14}.btn-delete{background:var(--neutral-100);color:var(--text-secondary)}.btn-delete:hover{color:var(--danger);background:#ef444414}.product-form-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.product-form-header{border-bottom:1px solid var(--card-border);align-items:center;gap:16px;padding:20px 24px;display:flex}.product-form-back-btn{background:var(--neutral-100);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;padding:8px;text-decoration:none;display:flex}.product-form-back-btn:hover{background:var(--neutral-200);color:var(--text-primary)}.product-form-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.product-form{flex-direction:column;gap:24px;padding:24px;display:flex}.product-form-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;display:grid}@media (width>=768px){.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-full-width{grid-column:span 1}@media (width>=768px){.form-full-width{grid-column:span 2}}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input-field{width:100%;font-size:.88rem;font-family:var(--font-sans);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:var(--neutral-50);color:var(--text-primary);box-sizing:border-box;transition:var(--transition-smooth);outline:none;padding:10px 14px}.form-input-field:focus{border-color:var(--primary-500);background:var(--card-bg);box-shadow:0 0 0 3px #10b9811a}textarea.form-input-field{resize:none}.image-upload-wrapper{align-items:center;gap:16px;display:flex}.image-preview-box{border:1px solid var(--card-border);background:var(--bg-app);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.image-preview-img{object-fit:cover;width:100%;height:100%}.image-file-input{border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:var(--neutral-50);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;transition:var(--transition-smooth);outline:none;padding:10px 14px;font-size:.85rem}.image-file-input::file-selector-button{background:var(--accent-500);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:0;border-radius:6px;margin-right:16px;padding:6px 12px;font-size:.8rem;font-weight:600}.image-file-input::file-selector-button:hover{background:var(--accent-600)}.checkbox-group-flex{align-items:center;gap:10px;height:100%;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600}.checkbox-input{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer}.product-form-footer{border-top:1px solid var(--card-border);justify-content:flex-end;padding-top:24px;display:flex}.product-form-submit-btn{background:var(--accent-500);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;padding:10px 24px;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #f59e0b33}.product-form-submit-btn:hover:not(:disabled){background:var(--accent-600);box-shadow:0 6px 16px #f59e0b4d}.product-form-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.partners-dashboard{flex-direction:column;gap:24px;padding:16px 0;display:flex}.partners-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.partners-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.add-partner-btn{background:var(--primary-500);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 12px #10b98133}.add-partner-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.partners-empty-state{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:64px 32px}.partners-empty-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto 16px}.partners-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.partners-empty-text{color:var(--text-muted);font-size:.85rem}.partners-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}@media (width>=768px){.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.partner-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);flex-direction:column;gap:16px;padding:20px;display:flex}.partner-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.partner-card-header{justify-content:space-between;align-items:center;display:flex}.partner-info-flex{align-items:center;gap:12px;display:flex}.partner-avatar{background:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.partner-avatar-text{color:#fff;font-size:.95rem;font-weight:700}.partner-details{flex-direction:column;display:flex}.partner-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.partner-vehicle{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.partner-status{letter-spacing:.02em;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:700}.status-active{color:var(--primary-600);background:#10b9811a}.status-inactive{color:var(--danger);background:#ef44441a}.partner-contact-list{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.85rem;display:flex}.partner-contact-item{align-items:center;gap:8px;display:flex}.partner-contact-icon{width:14px;height:14px;color:var(--text-muted)}.partner-toggle-btn{border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;padding:10px;font-size:.75rem;font-weight:600}.btn-activate{color:var(--primary-600);background:#10b98114}.btn-activate:hover{background:#10b98126}.btn-deactivate{color:var(--danger);background:#ef444414}.btn-deactivate:hover{background:#ef444426}.modal-content-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);width:100%;max-width:500px;box-shadow:var(--card-shadow-hover);flex-direction:column;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalFadeIn;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:var(--primary-600);font-size:1.1rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#10b98114}.modal-close-icon{width:18px;height:18px}.form-inputs{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-input,.form-select{width:100%;font-size:.85rem;font-family:var(--font-sans);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:var(--neutral-50);color:var(--text-primary);box-sizing:border-box;transition:var(--transition-smooth);outline:none;padding:10px 14px}.form-input:focus,.form-select:focus{border-color:var(--primary-500);background:var(--card-bg);box-shadow:0 0 0 3px #10b9811a}.form-submit-btn{background:var(--primary-500);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;margin-top:24px;padding:12px;font-size:.9rem;font-weight:700}.form-submit-btn:hover:not(:disabled){background:var(--primary-600)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.orders-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.orders-table-header{border-bottom:1px solid var(--card-border);padding:20px 24px}.orders-table-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%}.orders-thead{background:#10b9810a}.orders-th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--card-border);padding:16px 24px;font-size:.75rem;font-weight:700}.orders-tr{border-bottom:1px solid var(--card-border);transition:var(--transition-smooth)}.orders-tr:last-child{border-bottom:none}.orders-tr:hover{background:#10b98105}.orders-td{color:var(--text-primary);vertical-align:middle;padding:16px 24px;font-size:.9rem}.order-details{flex-direction:column;gap:2px;display:flex}.order-id{color:var(--text-primary);font-weight:700}.order-date{color:var(--text-muted);font-size:.75rem}.order-customer{flex-direction:column;gap:2px;display:flex}.customer-name{color:var(--text-primary);font-weight:600}.customer-email{color:var(--text-muted);font-size:.75rem}.order-total{color:var(--text-primary);font-weight:600}.order-partner{min-width:160px}.partner-assigned-block{align-items:center;gap:10px;display:flex}.partner-mini-avatar{background:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.partner-mini-avatar-text{color:#fff;font-size:.75rem;font-weight:700}.partner-mini-name{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.2}.partner-mini-phone{color:var(--text-muted);font-size:.7rem}.partner-assign-btn{color:#4f46e5;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#6366f114;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.partner-assign-btn:hover{background:#6366f126}.partner-assign-btn-icon{width:12px;height:12px}.status-select-dropdown{cursor:pointer;transition:var(--transition-smooth);background-position:right 8px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:8px;outline:none;padding:6px 12px;font-size:.75rem;font-weight:700}.status-select-dropdown:focus{box-shadow:0 0 0 3px #10b9811a}.status-Placed{color:#2563eb;background:#3b82f61a;border-color:#3b82f626}.status-Confirmed{color:var(--accent-600);background:#f59e0b1a;border-color:#f59e0b26}.status-Assigned{color:#4f46e5;background:#6366f11a;border-color:#6366f126}.status-Packed{color:#0891b2;background:#06b6d41a;border-color:#06b6d426}.status-Out-for-Delivery{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf626}.status-Delivered{color:var(--primary-600);background:#10b9811a;border-color:#10b98126}.status-Cancelled{color:var(--danger);background:#ef44441a;border-color:#ef444426}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0f172a66;position:fixed;inset:0}.modal-container{z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);width:100%;max-width:400px;box-shadow:var(--card-shadow-hover);flex-direction:column;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalFadeIn;display:flex}.modal-title{color:var(--primary-600);margin-bottom:16px;font-size:1.15rem;font-weight:700}.modal-empty-text{color:var(--text-muted);margin-bottom:20px;font-size:.85rem}.partner-options-list{flex-direction:column;gap:8px;max-height:240px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.partner-option{border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:var(--card-bg);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:12px;display:flex}.partner-option:hover{background:#10b9810a}.partner-option.selected{border-color:var(--primary-500);background:#10b9810d}.partner-radio-input{accent-color:var(--primary-500)}.partner-option-avatar{background:var(--primary-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.partner-option-avatar-text{color:#fff;font-size:.8rem;font-weight:700}.partner-option-info{flex-direction:column;gap:2px;display:flex}.partner-option-name{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.partner-option-details{color:var(--text-muted);font-size:.75rem}.modal-actions-flex{gap:12px;display:flex}.btn-cancel,.btn-confirm{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;flex:1;padding:10px;font-size:.85rem;font-weight:600}.btn-cancel{background:var(--neutral-100);color:var(--text-secondary)}.btn-cancel:hover{background:var(--neutral-200)}.btn-confirm{background:var(--primary-500);color:#fff}.btn-confirm:hover:not(:disabled){background:var(--primary-600)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.admin-layout-container{background:var(--bg-gradient);flex-direction:column;height:100vh;display:flex;overflow:hidden}.admin-navbar-desktop-only{display:none}@media (width>=1024px){.admin-navbar-desktop-only{display:block}}.admin-layout-flex{height:100%;max-width:var(--max-width);box-sizing:border-box;flex-direction:column;gap:24px;margin:0 auto;padding:24px 16px;animation:.4s adminFadeIn;display:flex}@media (width>=1024px){.admin-layout-flex{flex-direction:row;padding:32px 24px}}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-sidebar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-sizing:border-box;width:100%;box-shadow:var(--card-shadow);height:fit-content;padding:16px}@media (width>=1024px){.admin-sidebar{flex-shrink:0;width:256px}}.admin-sidebar-header{border-bottom:1px solid var(--card-border);margin-bottom:16px;padding-bottom:16px}.admin-sidebar-title{color:var(--primary-600);align-items:center;gap:8px;padding:0 8px;font-size:1.1rem;font-weight:700;display:flex}.admin-sidebar-title-icon{width:20px;height:20px;color:var(--primary-700)}.admin-sidebar-nav{flex-direction:column;gap:6px;display:flex}.admin-sidebar-link{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.admin-sidebar-link:hover{color:var(--text-primary);background:#f59e0b14}.admin-sidebar-link.active{background:var(--primary-500);color:#fff}.admin-sidebar-link.active:hover{background:var(--primary-600)}.admin-sidebar-link-icon{flex-shrink:0;width:16px;height:16px}.admin-layout-main{flex:1;padding-bottom:80px;overflow-y:auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dlv-page{max-width:var(--max-width);flex-direction:column;gap:1.75rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.dlv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dlv-header-left{flex-direction:column;gap:.625rem;display:flex}.dlv-back-btn{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.dlv-back-btn:hover{color:var(--primary-500)}.dlv-title{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:.625rem;font-size:1.6rem;font-weight:700;display:flex}.dlv-title-icon{color:var(--primary-500)}.dlv-subtitle{color:var(--text-muted);font-size:.875rem}.dlv-header-kpi{gap:1rem;display:flex}.dlv-kpi{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-items:center;gap:.1rem;padding:.75rem 1.25rem;display:flex}.dlv-kpi-icon{margin-bottom:.1rem}.dlv-kpi-star{color:var(--accent-500)}.dlv-kpi-green{color:var(--primary-500)}.dlv-kpi-val{color:var(--text-primary);font-size:1.15rem;font-weight:700}.dlv-kpi-label{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.dlv-stats-row{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}@media (width>=640px){.dlv-stats-row{grid-template-columns:repeat(4,1fr)}}.dlv-stat-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition-smooth);text-align:left;font-family:var(--font-sans);align-items:center;gap:.875rem;padding:1rem 1.25rem;display:flex}.dlv-stat-card:hover{border-color:var(--primary-500);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.dlv-stat-selected{border-color:var(--primary-500)!important;background:#10b9810f!important;box-shadow:0 0 0 3px #10b9811f!important}.dlv-stat-icon{color:var(--text-muted)}.dlv-icon-active{color:#3b82f6}.dlv-icon-delivered{color:var(--primary-500)}.dlv-icon-pending{color:var(--accent-500)}.dlv-stat-num{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;display:block}.dlv-stat-label{color:var(--text-muted);margin-top:.15rem;font-size:.72rem;display:block}.dlv-main-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.dlv-main-grid{grid-template-columns:1fr 320px}}.dlv-section-head{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.dlv-section-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.dlv-filter-badge{color:var(--primary-600);background:#10b9811f;border-radius:999px;margin-left:.25rem;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.dlv-count{color:var(--text-muted);font-size:.78rem}.dlv-orders-list{flex-direction:column;gap:.75rem;display:flex}.dlv-order-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth);overflow:hidden}.dlv-order-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.dlv-order-active{background:#3b82f608!important;border-color:#3b82f659!important}.dlv-order-header{cursor:pointer;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:.75rem;padding:.875rem 1rem;display:grid}@media (width<=680px){.dlv-order-header{grid-template-columns:1fr 1fr}.dlv-order-customer,.dlv-order-partner{display:none}}.dlv-order-id-col{flex-direction:column;gap:.25rem;display:flex}.dlv-order-id{color:var(--text-primary);font-family:monospace;font-size:.8rem;font-weight:700}.dlv-status-pill{border-radius:999px;align-items:center;gap:.3rem;width:fit-content;padding:.2rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.dlv-status-out-for-delivery{color:#2563eb;background:#3b82f61f}.dlv-status-delivered{color:var(--primary-600);background:#10b9811f}.dlv-status-confirmed{color:#b45309;background:#f59e0b1f}.dlv-status-placed{color:var(--neutral-600);background:#94a3b833}.dlv-status-cancelled{color:#dc2626;background:#ef44441a}.dlv-order-customer,.dlv-order-partner{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.dlv-mini-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex}.dlv-unassigned{color:var(--text-muted);font-size:.75rem;font-style:italic}.dlv-muted-icon{color:var(--text-muted);flex-shrink:0}.dlv-order-meta{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.dlv-order-total{color:var(--text-primary);font-size:.9rem;font-weight:700}.dlv-order-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.dlv-expand-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;display:flex}.dlv-expand-btn:hover{background:var(--neutral-100);color:var(--text-primary)}.dlv-order-body{border-top:1px solid var(--card-border);flex-direction:column;gap:.875rem;padding:1rem;animation:.2s dlv-slide-down;display:flex}@keyframes dlv-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dlv-order-items{flex-direction:column;gap:.5rem;display:flex}.dlv-item{background:#10b98108;border:1px solid #10b98112;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.dlv-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:38px}.dlv-item-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.dlv-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.dlv-item-qty{color:var(--text-muted);font-size:.72rem}.dlv-item-price{color:var(--primary-600);white-space:nowrap;font-size:.82rem;font-weight:600}.dlv-order-address{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.dlv-navigate-btn{color:#2563eb;cursor:pointer;transition:var(--transition-smooth);font-size:.72rem;font-weight:600;font-family:var(--font-sans);background:#3b82f61a;border:none;border-radius:999px;align-items:center;gap:.3rem;margin-left:auto;padding:.3rem .75rem;display:inline-flex}.dlv-navigate-btn:hover{background:#3b82f62e}.dlv-partner-contact-row{align-items:center;gap:.5rem;display:flex}.dlv-phone-link{color:var(--primary-500);font-size:.8rem;font-weight:500;text-decoration:none}.dlv-phone-link:hover{text-decoration:underline}.dlv-empty{background:var(--card-bg);border:1.5px dashed var(--card-border);border-radius:var(--border-radius-md);color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;font-size:.875rem;display:flex}.dlv-empty-icon{color:var(--neutral-300)}.dlv-partners-section{flex-direction:column;gap:0;display:flex}.dlv-active-count{color:var(--primary-600);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.dlv-active-dot{background:var(--primary-500);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dlv-pulse}@keyframes dlv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dlv-partners-list{flex-direction:column;gap:.625rem;margin-bottom:1.25rem;display:flex}.dlv-partner-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.dlv-partner-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.dlv-partner-active{border-left:3px solid var(--primary-500)}.dlv-partner-inactive{border-left:3px solid var(--neutral-300);opacity:.75}.dlv-partner-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.dlv-partner-initials{color:#fff;font-size:.72rem;font-weight:700}.dlv-partner-dot{border:2px solid var(--card-bg);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.dot-active{background:var(--primary-500)}.dot-inactive{background:var(--neutral-400)}.dlv-partner-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.dlv-partner-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.dlv-partner-vehicle{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.dlv-partner-contacts{gap:.35rem;display:flex}.dlv-contact-btn{width:28px;height:28px;color:var(--primary-600);transition:var(--transition-smooth);background:#10b98114;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.dlv-contact-btn:hover{background:#10b98133}.dlv-partner-badge{white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.badge-on{color:var(--primary-600);background:#10b9811f}.badge-off{color:var(--neutral-600);background:#94a3b833}.dlv-fleet-summary{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.25rem}.dlv-fleet-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.82rem;font-weight:700}.dlv-fleet-rows{flex-direction:column;gap:.5rem;display:flex}.dlv-fleet-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.dlv-fleet-label{color:var(--text-muted);align-items:center;gap:.4rem;display:flex}.dlv-fleet-val{color:var(--text-primary);font-weight:700}.dlv-fleet-active{color:var(--primary-500)}.dlv-fleet-inactive{color:var(--danger)}.otp-backdrop{z-index:50;background:#00000073;position:fixed;inset:0}.otp-wrapper{z-index:51;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.otp-dialog{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:360px;padding:1.75rem 1.5rem;animation:.22s dlv-slide-down}.otp-title{color:var(--primary-600);margin-bottom:.375rem;font-size:1.05rem;font-weight:700}.otp-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem;line-height:1.5}.otp-input{text-align:center;letter-spacing:.45em;width:100%;color:var(--text-primary);border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);background:#10b9810a;outline:none;margin-bottom:1.125rem;padding:.875rem 1rem;font-family:monospace;font-size:1.75rem;font-weight:700;transition:border-color .2s}.otp-input:focus,.otp-input.otp-input--filled{border-color:var(--primary-500)}.otp-btn-row{gap:.625rem;display:flex}.otp-btn{border-radius:var(--border-radius-sm);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);border:none;flex:1;padding:.6rem}.otp-btn-cancel{color:var(--text-secondary);background:#94a3b826}.otp-btn-cancel:hover{background:#94a3b847}.otp-btn-confirm{color:#fff;background:var(--primary-600)}.otp-btn-confirm:hover:not(:disabled){background:var(--primary-700)}.otp-btn-confirm:disabled{opacity:.55;cursor:not-allowed;background:#10b98166}.cnl-backdrop{z-index:50;background:#00000073;position:fixed;inset:0}.cnl-wrapper{z-index:51;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cnl-dialog{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:360px;padding:1.75rem 1.5rem;animation:.22s dlv-slide-down}.cnl-title{color:var(--danger);margin-bottom:.375rem;font-size:1.05rem;font-weight:700}.cnl-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem;line-height:1.5}.cnl-textarea{width:100%;font-size:.82rem;font-family:var(--font-sans);color:var(--text-primary);border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);resize:none;background:#ef444408;outline:none;margin-bottom:1.125rem;padding:.75rem 1rem;line-height:1.5;transition:border-color .2s}.cnl-textarea::placeholder{color:var(--text-muted)}.cnl-textarea:focus{border-color:#ef444480}.cnl-btn-row{gap:.625rem;display:flex}.cnl-btn{border-radius:var(--border-radius-sm);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);border:none;flex:1;padding:.6rem}.cnl-btn-back{color:var(--text-secondary);background:#94a3b826}.cnl-btn-back:hover{background:#94a3b847}.cnl-btn-confirm{color:#fff;background:var(--danger)}.cnl-btn-confirm:hover:not(:disabled){background:#dc2626}.cnl-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.doc-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.doc-header-left{align-items:center;gap:.625rem;display:flex}.doc-order-id{color:var(--text-primary);font-family:monospace;font-size:.78rem;font-weight:700}.doc-total{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:700}.doc-body{flex-direction:column;gap:.625rem;padding:.875rem 1rem;display:flex}.doc-customer-row{align-items:center;gap:.625rem;display:flex}.doc-customer-name{color:var(--text-primary);font-size:.82rem;font-weight:600;line-height:1.3}.doc-customer-phone{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.15rem;font-size:.72rem;display:flex}.doc-address-row{color:var(--text-secondary);flex-wrap:nowrap;align-items:flex-start;gap:.5rem;font-size:.8rem;display:flex}.doc-address-text{font-size:.78rem}.doc-meta{color:var(--text-muted);font-size:.72rem}.doc-actions{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem;display:flex}.doc-btn-progress{color:#2563eb;cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);background:#3b82f61a;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .875rem;display:inline-flex}.doc-btn-progress:hover{background:#3b82f62e}.doc-btn-deliver{color:var(--primary-600);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);background:#10b9811a;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .875rem;display:inline-flex}.doc-btn-deliver:hover{background:#10b98133}.doc-btn-cancel{color:#dc2626;cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);background:#ef444414;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .875rem;display:inline-flex}.doc-btn-cancel:hover{background:#ef444426}.doc-footer{border-top:1px solid var(--card-border);padding:.5rem 1rem}.doc-footer-date{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.72rem;display:flex}.ddb-page{flex-direction:column;gap:1.5rem;display:flex}.ddb-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ddb-tab,.ddb-track-btn{border-radius:var(--border-radius-sm);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);border:1.5px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1.125rem;display:inline-flex}.ddb-tab{background:var(--card-bg);color:var(--text-secondary);border-color:var(--card-border)}.ddb-tab:hover{border-color:var(--primary-500);color:var(--primary-600)}.ddb-tab--active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.ddb-tab--active:hover{background:var(--primary-700);border-color:var(--primary-700)}.ddb-track-btn{background:var(--card-bg);color:var(--text-secondary);border-color:var(--card-border);margin-left:auto}.ddb-track-btn:hover{border-color:var(--primary-500);color:var(--primary-600)}.ddb-track-btn--on{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.ddb-track-btn--on:hover{background:var(--primary-700);border-color:var(--primary-700)}.ddb-pulse{animation:1.4s ease-in-out infinite dlv-pulse}.ddb-list{flex-direction:column;gap:1rem;display:flex}.ddb-empty{background:var(--card-bg);border:1.5px dashed var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:4rem 2rem;display:flex}.ddb-empty-icon{color:var(--neutral-300);margin-bottom:.25rem}.ddb-empty-title{color:var(--text-primary);font-size:1rem;font-weight:700}.ddb-empty-sub{color:var(--text-muted);font-size:.82rem}.ddb-loading{justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.ddb-spinner{border:3px solid var(--card-border);border-top-color:var(--primary-500);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite ddb-spin}@keyframes ddb-spin{to{transform:rotate(360deg)}}.dly-shell{background:var(--bg-gradient);flex-direction:column;min-height:100vh;display:flex}.dly-nav{z-index:40;background:var(--card-bg);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.dly-nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:1rem;height:56px;margin:0 auto;padding:0 1rem;display:flex}.dly-brand{align-items:center;gap:.5rem;text-decoration:none;display:flex}.dly-brand-icon{color:var(--primary-500);flex-shrink:0}.dly-brand-name{color:var(--text-primary);letter-spacing:-.3px;font-size:1rem;font-weight:700}.dly-brand-tag{color:var(--primary-600);white-space:nowrap;background:#10b9811a;border-radius:999px;margin-left:.1rem;padding:.1rem .45rem;font-size:.62rem;font-weight:600}.dly-nav-right{align-items:center;gap:.75rem;display:flex}.dly-partner-info{flex-direction:column;align-items:flex-end;gap:.05rem;display:flex}.dly-partner-name{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.2}.dly-partner-role{color:var(--text-muted);font-size:.68rem}.dly-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.dly-status-online{color:var(--primary-600);background:#10b9811f}.dly-status-offline{color:var(--neutral-600);background:#94a3b833}.dly-online-dot{background:var(--primary-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dlv-pulse}.dly-content{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:1.5rem 1rem 3rem}.dlg-shell{min-height:100vh;display:flex}.dlg-panel{background:linear-gradient(145deg, var(--primary-700) 0%, var(--primary-500) 100%);justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (width>=1024px){.dlg-panel{flex:0 0 50%;display:flex}}.dlg-panel-img{object-fit:cover;object-position:center;opacity:.12;width:100%;height:100%;position:absolute;inset:0}.dlg-panel-body{text-align:center;padding:0 3rem;position:relative}.dlg-panel-icon{color:#ffffffe6;margin-bottom:1.25rem}.dlg-panel-title{color:#fff;letter-spacing:-.5px;margin-bottom:.875rem;font-size:2.25rem;font-weight:700;line-height:1.2}.dlg-panel-sub{color:#ffffffa6;max-width:320px;margin:0 auto;font-size:1rem;line-height:1.6}.dlg-form-area{background:var(--bg-gradient);flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.dlg-form-wrap{flex-direction:column;gap:2rem;width:100%;max-width:420px;display:flex}.dlg-form-header{text-align:center}.dlg-logo-row{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.dlg-logo-icon{color:var(--primary-500)}.dlg-logo-name{color:var(--text-primary);letter-spacing:-.3px;font-size:1.3rem;font-weight:700}.dlg-logo-tag{color:var(--primary-600);background:#10b9811a;border-radius:999px;padding:.1rem .45rem;font-size:.62rem;font-weight:600}.dlg-heading{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.dlg-sub{color:var(--text-muted);font-size:.82rem}.dlg-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:1.25rem;padding:2rem 1.75rem;display:flex}.dlg-field{flex-direction:column;gap:.375rem;display:flex}.dlg-label{color:var(--primary-600);font-size:.8rem;font-weight:600}.dlg-input{width:100%;font-size:.85rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--neutral-50);border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);outline:none;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s}.dlg-input::placeholder{color:var(--text-muted)}.dlg-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.dlg-submit{color:#fff;background:var(--primary-600);border-radius:var(--border-radius-sm);cursor:pointer;width:100%;font-size:.9rem;font-weight:700;font-family:var(--font-sans);letter-spacing:.02em;transition:var(--transition-smooth);border:none;margin-top:.25rem;padding:.75rem}.dlg-submit:hover:not(:disabled){background:var(--primary-700)}.dlg-submit:disabled{opacity:.6;cursor:not-allowed}