.navbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-bottom:1px solid var(--color-border)}.navbar__inner{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand__logo{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}.brand__text{display:grid;min-width:0}.brand__text strong{font-size:1.15rem;letter-spacing:-.02em}.brand__text small{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-size:.72rem}.navbar__links{display:none;align-items:center;gap:1.25rem}.navbar__links a{color:var(--color-text-muted);font-weight:600;position:relative;padding-block:.25rem}.navbar__links a:hover,.navbar__links a.active{color:var(--color-primary)}.navbar__links a.active:after{content:"";position:absolute;inset-inline:0;bottom:-.35rem;height:2px;background:var(--color-primary);border-radius:999px}.navbar__actions{display:flex;align-items:center;gap:.55rem}.navbar__user{display:none;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.88rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lang-switch{position:relative}.lang-switch .icon-btn{width:auto;padding-inline:.7rem;font-weight:700}.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + .4rem);list-style:none;margin:0;padding:.35rem;min-width:9rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50}.lang-menu button{width:100%;text-align:start;border:0;background:transparent;color:var(--color-text);padding:.55rem .7rem;border-radius:8px;cursor:pointer}.lang-menu button:hover{background:var(--color-primary-soft);color:var(--color-primary)}.navbar__menu-btn{display:inline-flex}.mobile-menu{display:grid;gap:.75rem;padding-bottom:1rem}.mobile-menu a,.mobile-menu .btn{width:100%}.footer{margin-top:auto;border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-7) var(--space-5)}.footer__grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}.footer__brand{display:flex;gap:.85rem;align-items:flex-start}.footer__brand img{border-radius:12px;background:#fff}.footer__brand p,.footer a,.footer span{color:var(--color-text-muted)}.footer h4{margin:0 0 .75rem}.footer__grid>div{display:grid;gap:.45rem;align-content:start}.footer__copy{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}.state-panel{display:grid;justify-items:center;text-align:center;gap:.65rem;padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 80%,transparent)}.state-panel h3{margin:0;color:var(--color-text)}.state-panel p{margin:0;max-width:28rem}.state-panel--error{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border))}@media(min-width:900px){.navbar__links{display:flex}.navbar__menu-btn,.mobile-menu{display:none}.navbar__user{display:inline-block}.brand__text small{max-width:320px}.footer__grid{grid-template-columns:1.4fr 1fr 1fr}}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - var(--header-h));display:grid;align-items:center;padding-block:var(--space-7);color:#fff}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 15% 20%,rgba(92,189,80,.35),transparent 35%),radial-gradient(circle at 85% 15%,rgba(167,69,209,.55),transparent 40%),linear-gradient(145deg,#1a0b27,#3b1760 45%,#123528)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a061040,#0a06108c),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero__glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(167,69,209,.45),transparent 70%);filter:blur(10px);z-index:-1;inset-inline-end:8%;top:18%}.hero__content{display:grid;gap:var(--space-5);max-width:40rem}.hero__brand{display:inline-flex;align-items:center;gap:.75rem}.hero__brand img{width:64px;height:64px;border-radius:18px;background:#fffffff2;box-shadow:var(--shadow-md)}.hero__brand span{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1}.hero h1{margin:0;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;max-width:16ch}.hero p{margin:0;font-size:1.05rem;color:#ffffffdb;max-width:36ch}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero .btn-secondary{background:#ffffff1f;border-color:#ffffff47;color:#fff}.hero .btn-secondary:hover{background:#fff3;color:#fff}.feature-grid,.category-grid,.product-grid{display:grid;gap:var(--space-4)}.feature-card,.category-card,.product-card{overflow:hidden}.feature-card{padding:var(--space-5);display:grid;gap:.75rem;transition:transform var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary)}.feature-card h3,.category-card h3,.product-card h3{margin:0;font-size:1.1rem}.feature-card p,.category-card p,.product-card p{margin:0;color:var(--color-text-muted)}.category-card{padding:var(--space-5);display:grid;gap:.5rem;min-height:140px;background:linear-gradient(160deg,var(--color-primary-soft),transparent 55%),var(--color-surface-elevated)}.category-card__meta{margin-top:auto;font-size:.85rem;color:var(--color-accent);font-weight:700}.product-card__media{aspect-ratio:16 / 10;background:linear-gradient(135deg,#a745d159,#5cbd5040),var(--color-bg-deep);object-fit:cover;width:100%}.product-card__body{padding:var(--space-4);display:grid;gap:.55rem}.product-card__meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700;background:var(--color-accent-soft);color:var(--color-accent)}.price{font-weight:800;color:var(--color-primary)}.filter-row,.pager{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:var(--space-4)}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:.45rem .9rem;font-weight:600;cursor:pointer}.filter-chip:hover,.filter-chip.is-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.pager{justify-content:space-between;margin-top:var(--space-4);margin-bottom:0;color:var(--color-text-muted)}.contact-panel,.login-panel{display:grid;gap:var(--space-5)}.contact-panel{grid-template-columns:1fr;align-items:start}.contact-form,.login-card{padding:var(--space-5);display:grid;gap:var(--space-4)}.form-status{border-radius:var(--radius-sm);padding:.75rem .9rem;font-size:.92rem}.form-status--ok{background:var(--color-accent-soft);color:var(--color-success)}.form-status--err{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.login-page{position:relative;isolation:isolate;min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:var(--space-6) 0}.login-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 80% 20%,rgba(92,189,80,.22),transparent 30%),radial-gradient(circle at 10% 80%,rgba(167,69,209,.28),transparent 35%),linear-gradient(160deg,var(--color-bg),var(--color-bg-deep))}.login-card{width:min(100%,440px);margin-inline:auto}.login-card__brand{display:grid;justify-items:center;text-align:center;gap:.55rem}.login-card__brand img{width:72px;height:72px;border-radius:20px;background:#fff;box-shadow:var(--shadow-md)}.login-card__brand h1{margin:0;font-size:1.6rem}.login-card__brand p{margin:0;color:var(--color-text-muted)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.tabs button{border:0;border-radius:999px;background:transparent;padding:.55rem;font-weight:700;color:var(--color-text-muted);cursor:pointer}.tabs button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.oauth-row{display:grid;gap:.55rem}.oauth-row .btn{width:100%}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;color:var(--color-text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";height:1px;background:var(--color-border)}.switch-mode{text-align:center}.switch-mode button{border:0;background:transparent;color:var(--color-primary);font-weight:700;cursor:pointer}@media(min-width:700px){.feature-grid,.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.product-grid{grid-template-columns:repeat(3,1fr)}.contact-panel{grid-template-columns:1fr 1.1fr}.hero__content{padding-block:var(--space-6)}}:root{--color-primary: #a745d1;--color-primary-soft: rgba(167, 69, 209, .12);--color-primary-strong: #8d2fb8;--color-accent: #5cbd50;--color-accent-soft: rgba(92, 189, 80, .14);--color-text: #111827;--color-text-muted: #4b5563;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-bg: #f6f3fb;--color-bg-deep: #ebe4f7;--color-border: rgba(17, 24, 39, .1);--color-danger: #dc2626;--color-success: #15803d;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 10px 30px rgba(88, 28, 135, .1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: "Manrope", "Segoe UI", sans-serif;--font-ar: "Cairo", "Segoe UI", sans-serif;--container: 1120px;--header-h: 72px;--transition: .18s ease}:root[data-theme=dark]{--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-surface: #17121f;--color-surface-elevated: #1f1829;--color-bg: #0f0b14;--color-bg-deep: #160f1f;--color-border: rgba(243, 244, 246, .12);--color-primary-soft: rgba(167, 69, 209, .22);--color-accent-soft: rgba(92, 189, 80, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 14px 40px rgba(0, 0, 0, .45)}body[data-font=cairo]{font-family:var(--font-ar)}body[data-font=manrope]{font-family:var(--font-sans)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--color-text);background:var(--color-bg);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:var(--space-7)}.section-head{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);max-width:40rem}.section-head h2{margin:0;font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.02em}.section-head p{margin:0;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;border:1px solid transparent;padding:.7rem 1.2rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),opacity var(--transition)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:not(:disabled):hover{filter:brightness(1.05)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:not(:disabled):hover{background:var(--color-primary-soft);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#06210a}.field{display:grid;gap:.4rem}.field label{font-size:.9rem;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);padding:.75rem .9rem;transition:border-color var(--transition),box-shadow var(--transition)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.field-error{color:var(--color-danger);font-size:.82rem}.password-field{position:relative}.password-field input{padding-inline-end:2.8rem}.password-toggle{position:absolute;inset-inline-end:.35rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--color-text-muted);display:inline-flex;padding:.4rem;border-radius:8px;cursor:pointer}.password-toggle:hover{color:var(--color-primary);background:var(--color-primary-soft)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.skeleton{background:linear-gradient(90deg,var(--color-border),transparent,var(--color-border));background-size:200% 100%;animation:shimmer 1.2s infinite linear;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-rise{animation:rise-in .55s ease both}.animate-float{animation:float-soft 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}