@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Cairo:wght@300;400;500;600;700;900&display=swap";:root[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-card:#1a1a26;--bg-hover:#22223a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--accent:#6c63ff;--accent-hover:#8b83ff;--accent-glow:#6c63ff4d;--border:#ffffff0f;--border-hover:#ffffff1f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-accent:0 0 40px #6c63ff26}:root[data-theme=light]{--bg-primary:#f8f7ff;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f1f0ff;--text-primary:#0f0e1a;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent:#6c63ff;--accent-hover:#5b54e8;--accent-glow:#6c63ff26;--border:#00000014;--border-hover:#00000026;--success:#059669;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #0000001a;--shadow-lg:0 20px 60px #0000001f;--shadow-accent:0 0 40px #6c63ff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Cairo,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}[dir=rtl]{font-family:Cairo,sans-serif}[dir=ltr]{font-family:Syne,Cairo,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::selection{background:var(--accent);color:#fff}html,body,#root{width:100%;max-width:100%}*{min-width:0}img,video,canvas,svg{max-width:100%;height:auto}input,button,select,textarea{font:inherit}.nav-shell{z-index:1000;padding-inline:clamp(12px,4vw,5%);transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:10px;max-width:1400px;min-height:72px;margin:0 auto;display:flex;position:relative}.nav-logo{background:linear-gradient(135deg,#6c63ff,#a78bfa);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:clamp(18px,2.2vw,26px);font-weight:800;text-decoration:none}.desktop-nav{gap:8px;margin-inline-start:10px;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.is-active{color:var(--accent);background:var(--accent-glow)}.nav-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.nav-icon-btn,.nav-user-btn,.nav-cart-btn,.nav-menu-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;text-decoration:none;display:inline-flex}.nav-user-btn{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#6c63ff,#a78bfa);border:none;max-width:140px;overflow:hidden}.nav-cart-btn{font-size:18px;position:relative}.nav-cart-count{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.nav-dropdown{background:var(--bg-card);border:1px solid var(--border);width:min(240px,100vw - 24px);box-shadow:var(--shadow-lg);border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:58px;right:0}.nav-dropdown-item{text-align:start;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px;text-decoration:none}.nav-dropdown-item:hover{background:var(--bg-hover)}.nav-danger{color:var(--danger)}.nav-menu-btn,.mobile-menu{display:none}.mobile-menu{border-top:1px solid var(--border);gap:6px;max-width:1400px;margin:0 auto;padding:8px 0 12px;display:grid}.mobile-menu-link{color:var(--text-primary);border-radius:10px;padding:10px 12px;text-decoration:none}.mobile-menu-link:hover{background:var(--bg-hover)}.table-responsive,.product-table-wrapper,.orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){.desktop-nav{display:none}.nav-menu-btn{display:inline-flex}}@media (width<=768px){.nav-inner{min-height:68px}.nav-user-btn{max-width:110px}}@media (width<=425px){.nav-actions{gap:6px}.nav-icon-btn,.nav-cart-btn,.nav-menu-btn{padding:8px 10px}.nav-user-btn{display:none}}