@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&family=Cairo:wght@300;400;500;600;700;900&display=swap";:root{--black:#0a0a0a;--black-soft:#111;--black-card:#181818;--black-hover:#1f1f1f;--black-border:#2a2a2a;--white:#fff;--white-off:#f5f5f5;--stone:#d8d2c2;--stone-muted:#a09890;--green-deep:#2f4f3e;--gold:#b89b5e;--bg-primary:var(--black);--bg-secondary:var(--black-soft);--bg-card:var(--black-card);--bg-hover:var(--black-hover);--text-primary:var(--white);--text-secondary:#d9d9d9;--text-muted:var(--stone-muted);--accent:var(--stone);--accent-hover:var(--white);--accent-glow:#d8d2c214;--border:#ffffff12;--border-strong:#ffffff24;--border-accent:#d8d2c240;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 32px #0009;--shadow-lg:0 20px 60px #000000b3;--shadow-gold:0 0 24px #b89b5e1f;--font-display:"Bebas Neue", "Impact", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-arabic:"Cairo", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--transition:all .25s ease;--transition-slow:all .45s ease}:root[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#eeeee8;--bg-card:#fff;--bg-hover:#e8e8e0;--text-primary:#0a0a0a;--text-secondary:#3a3a3a;--text-muted:#6b6b6b;--accent:#2f4f3e;--accent-hover:#0a0a0a;--accent-glow:#2f4f3e14;--border:#00000014;--border-strong:#00000029;--border-accent:#2f4f3e40;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 32px #0000001f;--shadow-lg:0 20px 60px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;min-height:100vh}*{min-width:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}[dir=rtl]{font-family:var(--font-arabic)}[dir=ltr]{font-family:var(--font-body)}img,video,canvas,svg{max-width:100%;height:auto}input,button,select,textarea{font:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--stone-muted)}::selection{background:var(--stone);color:var(--black)}.nav-shell{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition);background:#0a0a0aeb;padding-inline:clamp(16px,4vw,5%);position:fixed;top:0;left:0;right:0}.nav-shell.scrolled{border-bottom-color:var(--border-accent);box-shadow:0 1px #d8d2c20f}:root[data-theme=light] .nav-shell{background:#f5f5f0f0}.nav-inner{align-items:center;gap:10px;max-width:1400px;min-height:70px;margin:0 auto;display:flex;position:relative}.nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.nav-logo-text{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);transition:color var(--transition);font-size:clamp(20px,2.5vw,26px);line-height:1}.nav-logo-tree{filter:grayscale(.3);transition:transform var(--transition);font-size:22px;line-height:1}.nav-logo:hover .nav-logo-text{color:var(--stone)}.nav-logo:hover .nav-logo-tree{transform:translateY(-2px)}.nav-logo-img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();width:auto;height:36px;transition:opacity var(--transition)}.nav-logo:hover .nav-logo-img{opacity:.8}.desktop-nav{gap:2px;margin-inline-start:24px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;transition:var(--transition);white-space:nowrap;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--white)}.nav-link.is-active{color:var(--white);background:#ffffff0d}.nav-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.nav-icon-btn,.nav-menu-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.nav-icon-btn:hover,.nav-menu-btn:hover{border-color:var(--border-strong);color:var(--white)}.nav-cart-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:8px 12px;font-size:18px;text-decoration:none;display:inline-flex;position:relative}.nav-cart-btn:hover{border-color:var(--stone);color:var(--white)}.nav-cart-count{background:var(--white);width:18px;height:18px;color:var(--black);border:1px solid var(--black);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.nav-user-btn{border:1px solid var(--border-strong);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:160px;min-height:40px;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.nav-user-btn:hover{border-color:var(--stone);background:#ffffff0d}.nav-dropdown{background:var(--black-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:min(220px,100vw - 24px);box-shadow:var(--shadow-lg);gap:2px;padding:6px;display:grid;position:absolute;top:62px;right:0}.nav-dropdown-item{text-align:start;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:10px 12px;font-size:13px;text-decoration:none}.nav-dropdown-item:hover{background:var(--bg-hover);color:var(--white)}.nav-danger{color:var(--danger)!important}.nav-menu-btn{display:none}.mobile-menu{border-top:1px solid var(--border);gap:4px;max-width:1400px;margin:0 auto;padding:10px 0 14px;display:none}.mobile-menu-link{color:var(--text-secondary);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;display:block}.mobile-menu-link:hover{background:var(--bg-hover);color:var(--white)}@media (width<=1024px){.desktop-nav{display:none}.nav-menu-btn{display:inline-flex}}@media (width<=768px){.nav-inner{min-height:64px}.nav-user-btn{max-width:120px}}@media (width<=425px){.nav-actions{gap:6px}.nav-icon-btn,.nav-cart-btn,.nav-menu-btn{padding:8px 10px}.nav-user-btn{display:none}}.container{max-width:1400px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}.section{padding-block:clamp(48px,8vw,96px)}.page-wrapper{min-height:100vh;padding-top:70px}.divider{background:var(--border);border:none;height:1px;margin:0}.divider-accent{background:linear-gradient(90deg, transparent, var(--stone-muted), transparent);height:1px}.display-heading{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);text-transform:uppercase;font-size:clamp(48px,8vw,96px);line-height:.95}.section-heading{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);text-transform:uppercase;font-size:clamp(28px,4vw,48px);line-height:1}.label-text{letter-spacing:.15em;text-transform:uppercase;color:var(--stone-muted);font-size:11px;font-weight:600}.btn{border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--white);color:var(--black);border-color:var(--white)}.btn-primary:hover{background:var(--stone);border-color:var(--stone);box-shadow:var(--shadow-gold)}.btn-secondary{color:var(--white);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--stone);color:var(--stone);background:#ffffff0d}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--white);background:var(--bg-hover)}.btn-danger{color:var(--danger);background:0 0;border-color:#ef44444d}.btn-danger:hover{border-color:var(--danger);background:#ef444414}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md)}.badge{border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e33}.badge-warning{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b33}.badge-danger{color:#ef4444;background:#ef44441f;border:1px solid #ef444433}.badge-info{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f633}.badge-neutral{color:var(--stone);border:1px solid var(--border);background:#ffffff0f}.input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--stone);background:var(--bg-hover);box-shadow:0 0 0 3px #d8d2c214}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.table-responsive,.product-table-wrapper,.orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:start;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.table td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.app-loading-spinner{min-height:40vh;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:500;display:grid}.hover-gold:hover{color:var(--gold)!important}.border-gold{border-color:var(--gold)!important}