.layout-wrapper[data-v-0cb4e1ad]{flex-direction:column;min-height:100vh;display:flex}.header[data-v-0cb4e1ad]{z-index:50;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);position:sticky;top:0}.header-container[data-v-0cb4e1ad]{justify-content:space-between;align-items:center;height:76px;display:flex}.logo-link[data-v-0cb4e1ad]{letter-spacing:-.04em;color:var(--text-primary);font-size:1.45rem;font-weight:800}.logo-accent[data-v-0cb4e1ad]{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links[data-v-0cb4e1ad]{gap:var(--space-5);display:none}@media (width>=768px){.nav-links[data-v-0cb4e1ad]{display:flex}}.nav-item[data-v-0cb4e1ad]{color:var(--text-secondary);padding:.25rem 0;font-size:.95rem;font-weight:600;position:relative}.nav-item[data-v-0cb4e1ad]:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}[dir=rtl] .nav-item[data-v-0cb4e1ad]:after{left:auto;right:0}.nav-item[data-v-0cb4e1ad]:hover:after,.router-link-active[data-v-0cb4e1ad]:after{width:100%}.nav-item[data-v-0cb4e1ad]:hover,.router-link-active[data-v-0cb4e1ad]{color:var(--text-primary)}.header-actions[data-v-0cb4e1ad]{align-items:center;gap:var(--space-3);display:flex}.action-btn[data-v-0cb4e1ad]{cursor:pointer;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast);color:var(--text-primary);justify-content:center;align-items:center;padding:.6rem;display:inline-flex}.action-btn[data-v-0cb4e1ad]:hover{background:var(--border-color);transform:translateY(-1px)}.action-btn[data-v-0cb4e1ad]:active{transform:translateY(0)}.icon-btn[data-v-0cb4e1ad]{gap:var(--space-1);font-size:.85rem;font-weight:700}.btn-label[data-v-0cb4e1ad]{font-size:.75rem}.theme-btn[data-v-0cb4e1ad]{font-size:1.05rem}.cart-btn[data-v-0cb4e1ad]{font-size:1.1rem;position:relative}.cart-badge[data-v-0cb4e1ad]{background:var(--danger);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.auth-group[data-v-0cb4e1ad]{align-items:center;gap:var(--space-2);display:flex}.admin-btn[data-v-0cb4e1ad]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;border:none}.admin-btn[data-v-0cb4e1ad]:hover{filter:brightness(1.1)}.profile-link[data-v-0cb4e1ad]{font-size:.85rem;font-weight:600}.profile-name[data-v-0cb4e1ad]{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.logout-btn[data-v-0cb4e1ad]{color:var(--text-secondary);background:0 0}.main-content[data-v-0cb4e1ad]{flex-grow:1}.footer[data-v-0cb4e1ad]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-6) 0 var(--space-5) 0;text-align:center}.footer-brand[data-v-0cb4e1ad]{margin-bottom:var(--space-4)}.footer-brand p[data-v-0cb4e1ad]{font-size:.9rem}.footer-divider[data-v-0cb4e1ad]{background:var(--border-color);height:1px;margin:var(--space-4) auto;max-width:600px}.copyright[data-v-0cb4e1ad]{color:var(--text-tertiary);font-size:.85rem}.layout-mode-selector[data-v-0cb4e1ad]{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-4);color:var(--text-tertiary);font-size:.85rem;display:flex}.mode-toggle-btn[data-v-0cb4e1ad]{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;padding:.2rem .5rem;font-weight:700}.mode-toggle-btn[data-v-0cb4e1ad]:hover{color:var(--text-primary)}.mode-toggle-btn.active[data-v-0cb4e1ad]{color:var(--primary);text-decoration:underline}.divider-slash[data-v-0cb4e1ad]{color:var(--border-color)}.admin-wrapper[data-v-470c0a7f]{background:var(--bg-primary);min-height:100vh}.sidebar[data-v-470c0a7f]{border-right:1px solid var(--border-color);padding:var(--space-5);flex-direction:column;display:flex}[dir=rtl] .sidebar[data-v-470c0a7f]{border-right:none;border-left:1px solid var(--border-color)}.sidebar-header[data-v-470c0a7f]{margin-bottom:var(--space-6)}.logo-link[data-v-470c0a7f]{letter-spacing:-.04em;color:var(--text-primary);font-size:1.35rem;font-weight:800}.logo-accent[data-v-470c0a7f]{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-nav[data-v-470c0a7f]{gap:var(--space-2);flex-direction:column;height:100%;display:flex}.nav-link[data-v-470c0a7f]{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:.85rem 1rem;font-size:.95rem;font-weight:600;display:flex}.nav-link[data-v-470c0a7f]:hover,.router-link-active[data-v-470c0a7f]{background:var(--primary);color:#fff}.exit-link[data-v-470c0a7f]{border-top:1px solid var(--border-color);padding-top:var(--space-4);margin-top:auto}.content-wrapper[data-v-470c0a7f]{flex-direction:column;display:flex}.admin-header[data-v-470c0a7f]{height:70px;padding:0 var(--space-5);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);justify-content:flex-end;align-items:center;display:flex}.header-right[data-v-470c0a7f]{align-items:center;gap:var(--space-3);display:flex}.user-badge[data-v-470c0a7f]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.admin-main[data-v-470c0a7f]{padding-bottom:var(--space-7)}#app{width:100%}:root{--font-en:"Inter", system-ui, -apple-system, sans-serif;--font-ar:"Cairo", system-ui, -apple-system, sans-serif;--font-family:var(--font-en);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#ffffffbf;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e514;--accent:#06b6d4;--accent-hover:#0891b2;--accent-glow:#06b6d414;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--border-color:#e2e8f0;--border-focus:#4f46e5;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000f, 0 10px 10px -5px #0000000a;--direction:ltr;--text-align:left;--flex-direction:row;--flex-direction-reverse:row-reverse}[data-theme=dark]{--bg-primary:#030712;--bg-secondary:#090d16;--bg-tertiary:#111827;--bg-glass:#090d16cc;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f126;--accent:#22d3ee;--accent-hover:#06b6d4;--accent-glow:#22d3ee26;--border-color:#1e293b;--border-focus:#6366f1;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #00000080}[dir=rtl]{--font-family:var(--font-ar);--direction:rtl;--text-align:right;--flex-direction:row-reverse;--flex-direction-reverse:row}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);direction:var(--direction);text-align:var(--text-align);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;transition:color var(--transition-fast), transform var(--transition-fast);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:800;line-height:1.25}h1{font-size:2.5rem}h2{font-size:1.85rem}h3{font-size:1.35rem}h4{font-size:1.15rem}p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-primary{color:var(--primary)!important}.grid-cols-1-2-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-cols-1-2-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-1-2-3{grid-template-columns:repeat(3,1fr)}}.grid-cols-admin{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=1024px){.grid-cols-admin{grid-template-columns:260px 1fr}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-4px)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.15)}.btn-sm{border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:1rem 2rem;font-size:1.05rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--space-4);width:100%}.form-label{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.875rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}[dir=rtl] select.form-input{background-position:1rem;padding-left:2.5rem;padding-right:1rem}.checkbox-label,.radio-label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-secondary);font-size:.95rem;display:inline-flex}input[type=checkbox],input[type=radio]{border:1.5px solid var(--border-color);appearance:none;cursor:pointer;width:1.2rem;height:1.2rem;transition:all var(--transition-fast);border-radius:4px;outline:none;place-content:center;display:grid}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{content:"✓";color:#fff;font-size:.8rem;font-weight:900}input[type=radio]:checked:before{content:"";border-radius:var(--radius-full);background-color:#fff;width:.5rem;height:.5rem}.badge{border-radius:var(--radius-full);letter-spacing:.025em;align-items:center;gap:var(--space-1);padding:.3rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.badge-danger{color:var(--danger);background:#ef444414;border:1px solid #ef444433}.badge-warning{color:var(--warning);background:#f59e0b14;border:1px solid #f59e0b33}.badge-info{color:var(--accent);background:#05b6d414;border:1px solid #05b6d433}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-color) 37%, var(--bg-tertiary) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}.alert{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);padding:1rem 1.25rem;display:flex}.alert-success{color:var(--success);background:#10b9810d;border-color:#10b98126}.alert-danger{color:var(--danger);background:#ef44440d;border-color:#ef444426}.top-loading-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 50%, var(--primary) 100%);z-index:99999;opacity:0;pointer-events:none;background-size:200% 100%;width:0%;height:3px;transition:width .4s cubic-bezier(.1,.8,.3,1),opacity .2s ease-in-out;position:fixed;top:0;left:0;right:0}.top-loading-bar.loading{opacity:1;width:75%;animation:2s ease-in-out infinite loading-bar-pulse,20s cubic-bezier(.1,.8,.3,1) forwards loading-bar-progress}.top-loading-bar.finished{opacity:0;transition:width .25s ease-out,opacity .4s ease-out .2s;width:100%!important}@keyframes loading-bar-pulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes loading-bar-progress{to{width:95%}}.fade-page-enter-active,.fade-page-leave-active{transition:opacity .15s,transform .15s}.fade-page-enter-from{opacity:0;transform:translateY(4px)}.fade-page-leave-to{opacity:0;transform:translateY(-4px)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}i.fa-solid,i.fa-brands,i.fa-regular{margin-inline-end:.375rem}.stars i,.wishlist-btn i,.info-icon i,.benefit-icon i,.empty-icon i,.empty-cart-icon i,.notfound-visual i,.stat-icon i{margin-inline-end:0}[data-layout-mode=wap]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--border-color:#e2e8f0;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e50d;--radius-full:9999px;--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--radius-xs:2px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}[data-layout-mode=wap],[data-layout-mode=wap] body,[data-layout-mode=wap] #app{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;background-image:none!important}[data-layout-mode=wap] a{color:var(--primary)!important;text-decoration:none!important}[data-layout-mode=wap] a:hover{text-decoration:underline!important}[data-layout-mode=wap] h1,[data-layout-mode=wap] h2,[data-layout-mode=wap] h3,[data-layout-mode=wap] h4{border-bottom:1px solid var(--border-color);padding-bottom:6px;color:var(--text-primary)!important;-webkit-text-fill-color:initial!important;background:0 0!important;font-weight:700!important}[data-layout-mode=wap] .logo-accent{-webkit-text-fill-color:initial!important;color:var(--primary)!important;background:0 0!important}[data-layout-mode=wap] .card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important;margin-bottom:var(--space-4)!important;transform:none!important}[data-layout-mode=wap] .card:hover{box-shadow:none!important;border-color:var(--primary)!important;transform:none!important}[data-layout-mode=wap] .btn{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}[data-layout-mode=wap] .btn:active{transform:none!important}[data-layout-mode=wap] .btn-primary{background:var(--primary)!important;color:#fff!important}[data-layout-mode=wap] .btn-primary:hover{background:var(--primary-hover)!important}[data-layout-mode=wap] .header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}[data-layout-mode=wap] .nav-item:after{display:none!important}[data-layout-mode=wap] .action-btn{border:1px solid var(--border-color)!important;background:var(--bg-tertiary)!important}[data-layout-mode=wap] img{border:1px solid var(--border-color)!important;max-width:100%!important}[data-layout-mode=wap] .form-input,[data-layout-mode=wap] select.form-input{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-layout-mode=wap] .hero-glow-1,[data-layout-mode=wap] .hero-glow-2,[data-layout-mode=wap] .zero-glow,[data-layout-mode=wap] .top-loading-bar,[data-layout-mode=wap] .zero-circle{display:none!important}[data-layout-mode=wap] .footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important}[data-layout-mode=wap] .footer-divider{border-top:1px solid var(--border-color)!important;height:0!important}[data-layout-mode=wap] .divider-slash{color:var(--border-color)!important}[data-layout-mode=wap] .mode-toggle-btn{color:var(--text-secondary)!important}[data-layout-mode=wap] .mode-toggle-btn.active{color:var(--primary)!important;font-weight:900!important;text-decoration:underline!important}[data-layout-mode=wap] .copyright{color:var(--text-tertiary)!important}