.announcement-banner{z-index:50;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);margin-top:96px;margin-bottom:16px;position:relative;box-shadow:0 2px 8px #dc26261f}.announcement-banner+.main-content{padding-top:0!important}.announcement-banner-container{max-width:1400px;margin:0 auto;padding:0 1rem;position:relative}.announcement-banner-inner{justify-content:center;align-items:center;gap:.75rem;min-height:40px;padding:.5rem 2.5rem;display:flex}.announcement-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.announcement-icon svg{width:20px;height:20px;stroke:#fff!important;color:#fff!important}.announcement-content{color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}.announcement-banner-title{white-space:nowrap;font-size:.9375rem;font-weight:600}.announcement-separator{opacity:.6;font-size:.75rem}.announcement-banner-message{opacity:.95;font-size:.9375rem;font-weight:400}.announcement-dots{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.announcement-dots .dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.announcement-dots .dot:hover{background:#ffffffb3}.announcement-dots .dot.active{background:#fff;border-radius:3px;width:16px}.announcement-dismiss{color:#fff;cursor:pointer;opacity:.8;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.announcement-dismiss svg{width:18px;height:18px;stroke:#fff!important;color:#fff!important}.announcement-dismiss:hover{opacity:1;background:#ffffff26}[dir=rtl] .announcement-dismiss,html[dir=rtl] .announcement-dismiss{left:auto;right:1rem}@media (max-width:1024px){.announcement-banner{margin-top:88px;margin-bottom:16px}.announcement-banner-inner{gap:.625rem;padding:.5rem 2rem}.announcement-icon svg{width:18px;height:18px}.announcement-banner-title,.announcement-banner-message{font-size:.875rem}}@media (max-width:768px){.announcement-banner{margin-top:80px;margin-bottom:12px}.announcement-banner-container{padding:0 .5rem}.announcement-banner-inner{gap:.5rem;min-height:36px;padding:.5rem 1.75rem}.announcement-icon svg{width:16px;height:16px}.announcement-banner-title{font-size:.8125rem}.announcement-separator{display:none}.announcement-banner-message{font-size:.75rem}.announcement-dots{display:none}.announcement-dismiss{width:22px;height:22px;left:.375rem}[dir=rtl] .announcement-dismiss,html[dir=rtl] .announcement-dismiss{left:auto;right:.375rem}}@media (max-width:480px){.announcement-banner{margin-top:76px;margin-bottom:12px}.announcement-banner-inner{gap:.375rem;min-height:32px;padding:.375rem 1.5rem}.announcement-icon{display:none}.announcement-content{gap:.375rem}.announcement-banner-title,.announcement-banner-message{font-size:.75rem}.announcement-dismiss{width:20px;height:20px;left:.5rem}[dir=rtl] .announcement-dismiss,html[dir=rtl] .announcement-dismiss{left:auto;right:.5rem}}:root{--bp-xs:320px;--bp-sm:375px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--bp-3xl:1920px;--gutter-xs:.75rem;--gutter-sm:1rem;--gutter-md:1.5rem;--gutter-lg:2rem;--container-max-sm:640px;--container-max-md:768px;--container-max-lg:1024px;--container-max-xl:1200px;--container-max-2xl:1400px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animate-gpu{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:auto 500px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-width:0;margin:0;padding:0;overflow-x:hidden}#root,#app,.app-root{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}img,video,svg,canvas,picture,iframe,embed,object{max-width:100%;height:auto;display:block}img{width:auto;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p,span,li,td,th,label,.truncate-text,.break-word{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}a:not(.nav-link):not(.mobile-nav-link){overflow-wrap:anywhere;word-break:break-word}.nav-link,.mobile-nav-link,.nav-main a{white-space:nowrap;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.text-wrap{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.nowrap{white-space:nowrap}.flex>*,.grid>*,[class*=flex]>*,[class*=grid]>*,.dashboard-panels>*,.product-hero>*,.product-body-grid>*,.chat-layout>*,.admin-content>*,.listings-grid>*,.kpi-grid>*,.stats-grid>*,.card-grid>*{min-width:0}.container,.responsive-container{width:100%;max-width:var(--container-max-xl);padding-inline:var(--gutter-xs);margin-inline-start:auto;margin-inline-end:auto}@media (min-width:375px){.container,.responsive-container{padding-inline:var(--gutter-sm)}}@media (min-width:768px){.container,.responsive-container{padding-inline:var(--gutter-md)}}@media (min-width:1024px){.container,.responsive-container{padding-inline:var(--gutter-lg)}}.container-narrow{max-width:var(--container-max-md)}.container-wide{max-width:var(--container-max-2xl)}.container-fluid{width:100%;max-width:none;padding-inline:var(--gutter-xs)}@media (min-width:768px){.container-fluid{padding-inline:var(--gutter-md)}}.stack{gap:var(--space-4,1rem);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2,.5rem)}.stack-md{gap:var(--space-4,1rem)}.stack-lg{gap:var(--space-6,1.5rem)}.stack-xl{gap:var(--space-8,2rem)}.grid-auto{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.wrap{gap:var(--space-3,.75rem);flex-wrap:wrap;display:flex}.wrap-sm{gap:var(--space-2,.5rem)}.wrap-md{gap:var(--space-4,1rem)}.wrap-lg{gap:var(--space-6,1.5rem)}.overflow-clip{overflow:hidden}.overflow-x-auto{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.overflow-y-auto{-webkit-overflow-scrolling:touch;overflow-y:auto}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive>table{width:100%;min-width:600px}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-tablet-up,.show-mobile-only{display:none!important}}.text-responsive-title{font-size:clamp(1.25rem,4vw,2rem);line-height:1.2}.text-responsive-subtitle{font-size:clamp(1rem,3vw,1.5rem);line-height:1.3}.text-responsive-body{font-size:clamp(.875rem,2vw,1rem);line-height:1.5}.max-w-full{max-width:100%}.min-w-0{min-width:0}.max-w-safe{max-width:min(100%,var(--container-max-xl))}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}[dir=rtl] .container,[dir=rtl] .responsive-container,html[dir=rtl] .container{direction:rtl}.margin-inline-auto{margin-inline-start:auto;margin-inline-end:auto}.padding-inline{padding-inline:var(--gutter-sm)}@media (min-width:768px){.padding-inline{padding-inline:var(--gutter-md)}}@media print{*,:before,:after{overflow:visible!important}body{width:100%!important;margin:0!important;padding:0!important}}:root{--brand-50:#fef2f2;--brand-100:#fee2e2;--brand-200:#fecaca;--brand-300:#fca5a5;--brand-400:#f87171;--brand-500:#dc2626;--brand-600:#b91c1c;--brand-700:#991b1b;--brand-800:#7f1d1d;--brand-900:#450a0a;--primary:#dc2626;--primary-light:#f87171;--primary-dark:#b91c1c;--primary-hover:#b91c1c;--primary-alpha:#dc262614;--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-150:#ededed;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-850:#1a1a1a;--neutral-900:#171717;--neutral-950:#0a0a0a;--success:#16a34a;--success-light:#4ade80;--success-dark:#15803d;--success-alpha:#16a34a14;--accent:#22c55e;--accent-light:#4ade80;--accent-dark:#16a34a;--accent-hover:#16a34a;--accent-alpha:#22c55e14;--warning:#d97706;--warning-light:#fbbf24;--warning-dark:#b45309;--warning-alpha:#d977061f;--danger:#dc2626;--danger-light:#f87171;--danger-dark:#b91c1c;--danger-alpha:#dc26261f;--info:#2563eb;--info-light:#60a5fa;--info-dark:#1d4ed8;--info-alpha:#2563eb1f;--bg-light:#fafafa;--bg-dark:#171717;--bg-white:#fff;--bg-black:#000;--glass-light:#ffffffd9;--glass-dark:#171717e0;--header-glass-light:#ffffffeb;--header-glass-dark:#171717eb;--modal-glass-light:#fffffff2;--modal-glass-dark:#242a38f2;--border-light:1.2px solid #ebf0fd;--border-dark:1.2px solid #25273b;--border-gray:1px solid #e1e5e9;--border-focus:2px solid #6464644d;--txt-dark:#191b25;--txt-light:#fcfdff;--txt-gray:#4a5568;--txt-gray-dark:#e2e8f0;--txt-muted:#4a5568;--txt-disabled:#718096;--txt-primary:#191b25;--txt-secondary:#374151;--font-family:"Almarai",sans-serif;--font-family-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:2rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-section-sm:var(--spacing-2xl);--spacing-section:var(--spacing-3xl);--spacing-section-lg:var(--spacing-4xl);--radius-sm:4px;--radius:8px;--radius-md:11px;--radius-lg:18px;--radius-xl:36px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 16px 48px #e9405740,0 3px 12px #25273b14;--shadow-card:0 10px 38px #e9405726,0 1.5px 8px #25273b0c;--shadow-btn:0 3px 18px #32c7fa30;--shadow-modal:0 25px 50px -12px #00000040;--frost:blur(22px);--transition:.33s cubic-bezier(.6,.3,.4,1.2);--transition-fast:.15s ease-in-out;--transition-slow:.5s ease-in-out;--container-max-width:1280px;--header-height:80px;--sidebar-width:280px;--modal-z-index:1050;--dropdown-z-index:1040;--tooltip-z-index:1030;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-height-xl:56px;--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--input-height-xl:56px;--card-padding-sm:var(--spacing-sm);--card-padding-md:var(--spacing-md);--card-padding-lg:var(--spacing-lg);--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}body.dark{--bg-light:var(--bg-dark);--txt-dark:var(--txt-light);--txt-primary:#f7fafc;--txt-secondary:#e2e8f0;--txt-gray:#cbd5e0;--txt-muted:#a0aec0;--glass-light:var(--glass-dark);--header-glass-light:var(--header-glass-dark);--border-light:var(--border-dark)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-info{color:var(--info)}.text-muted{color:var(--txt-muted)}.text-disabled{color:var(--txt-disabled)}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--accent)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-danger{background-color:var(--danger)}.bg-info{background-color:var(--info)}.bg-glass{background:var(--glass-light);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}body.dark .bg-glass{background:var(--glass-dark)}.border-primary{border-color:var(--primary)}.border-accent{border-color:var(--accent)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.border-danger{border-color:var(--danger)}.border-info{border-color:var(--info)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-btn{box-shadow:var(--shadow-btn)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}@media (max-width:575.98px){.d-xs-none{display:none!important}.d-xs-block{display:block!important}}@media (min-width:576px) and (max-width:767.98px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991.98px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199.98px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-in-out fadeIn}.animate-slide-up{animation:.3s ease-in-out slideInUp}.animate-slide-down{animation:.3s ease-in-out slideInDown}.animate-scale-in{animation:.3s ease-in-out scaleIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.focus-visible:focus{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{.no-print{display:none!important}.print-only{display:block!important}body{color:#000!important;background:#fff!important}*{box-shadow:none!important;text-shadow:none!important}}.smart-image-wrapper{background-image:var(--smart-image-lqip,none);filter:blur();background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .4s,opacity .4s;display:block;position:relative;overflow:hidden}.smart-image-wrapper--fill{position:absolute;top:0;bottom:0;left:0;right:0}.smart-image-wrapper:not(.is-loaded){filter:blur(18px)}.smart-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .4s;display:block}.smart-image.is-loaded{opacity:1}.product-card{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:inherit;min-height:380px;text-decoration:none;display:block;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.product-image{width:100%;height:220px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition),opacity var(--transition-slow);opacity:0}.product-card:hover .product-image img{transform:scale(1.05)}.product-image img.is-loaded{opacity:1}.no-image{background:var(--bg-light);width:100%;height:100%;color:var(--txt-gray);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-image i{margin-bottom:.5rem;font-size:2rem}.favorite-btn{top:var(--spacing-sm);background:var(--glass-light);border:var(--border-light);cursor:pointer;width:40px;height:40px;transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.favorite-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-sm)}.favorite-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-sm)}.favorite-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-sm)}.favorite-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-sm)}.favorite-btn:hover,.favorite-btn.active{background:var(--primary);color:#fff;transform:scale(1.1)}.product-content{padding:var(--spacing-lg)}.product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--txt-dark);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-description{color:var(--txt-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-meta{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.product-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary)}.product-date{color:var(--txt-muted);font-size:var(--font-size-xs)}.product-footer{padding-top:var(--spacing-md);border-top:var(--border-light);justify-content:space-between;align-items:center;display:flex}.product-location{align-items:center;gap:var(--spacing-xs);color:var(--txt-gray);font-size:var(--font-size-sm);display:flex}.product-location i{color:var(--primary)}.category-tag{background:var(--accent);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.products-grid{gap:var(--spacing-lg);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:768px){.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.products-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.product-details{gap:var(--spacing-2xl);margin:var(--spacing-2xl)0;grid-template-columns:1fr 1fr;display:grid}.product-images{position:sticky;top:100px}.main-image{border-radius:var(--radius-lg);width:100%;height:400px;margin-bottom:var(--spacing-md);overflow:hidden}.main-image img{object-fit:cover;width:100%;height:100%}.image-thumbnails{gap:var(--spacing-sm);display:flex;overflow-x:auto}.thumbnail{border-radius:var(--radius-md);cursor:pointer;width:80px;height:80px;transition:all var(--transition);border:2px solid #0000;overflow:hidden}.thumbnail.active{border-color:var(--primary)}.thumbnail img{object-fit:cover;width:100%;height:100%}.product-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.product-header{border-bottom:var(--border-light);padding-bottom:var(--spacing-lg)}.product-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.product-meta{gap:var(--spacing-lg);color:var(--txt-gray);font-size:var(--font-size-sm);display:flex}.product-price{align-items:center;gap:var(--spacing-md);display:flex}.price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary)}.original-price{font-size:var(--font-size-lg);color:var(--txt-muted);text-decoration:line-through}.product-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}@media (max-width:768px){.product-details{gap:var(--spacing-lg);grid-template-columns:1fr}.product-actions{flex-direction:column}}.settings-page{padding:var(--spacing-2xl)0}.settings-content{max-width:800px;margin:0 auto}.settings-section{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xxl);margin-bottom:var(--spacing-2xl);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--shadow-card)}.settings-section h2{margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.avatar-section{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.avatar-preview{border:var(--border-light);background:var(--glass-light);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;color:var(--txt-gray);justify-content:center;align-items:center;font-size:2rem;display:flex}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.admin-layout{direction:rtl;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 50%,#f5f7fa 100%);gap:16px;min-height:100vh;padding:16px;font-family:Almarai,Tajawal,sans-serif;display:flex}body.dark .admin-layout{background:linear-gradient(135deg,#0f0f12 0%,#1a1a1f 50%,#0f0f12 100%)}.admin-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:998;background:#0009;animation:.3s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.admin-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;background:linear-gradient(#fffffffa 0%,#f8fafcfa 100%);border:1px solid #fffc;border-radius:28px;flex-direction:column;width:280px;height:calc(100vh - 32px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:16px;overflow:hidden;box-shadow:0 8px 40px #00000014,0 2px 8px #0000000a,inset 0 1px #fff}body.dark .admin-sidebar{background:linear-gradient(#252525 0%,#1f1f1f 100%);border-color:#ffffff14;box-shadow:0 8px 40px #0006,0 2px 8px #0003,inset 0 1px #ffffff0d}.admin-layout.sidebar-collapsed .admin-sidebar{width:88px}.sidebar-header{background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:28px 22px;display:flex}.sidebar-logo{color:var(--primary);align-items:center;gap:14px;font-family:Almarai,sans-serif;font-size:22px;font-weight:800;display:flex}.sidebar-logo svg{filter:drop-shadow(0 2px 4px #ec131f4d);flex-shrink:0}.admin-layout.sidebar-collapsed .sidebar-logo span{display:none}.sidebar-toggle{color:#64748b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;padding:12px;transition:all .3s}.sidebar-toggle:hover{color:var(--primary);background:#ec131f1a;transform:rotate(180deg)}body.dark .sidebar-toggle{background:#ffffff14}body.dark .sidebar-toggle:hover{color:var(--primary);background:#ec131f33}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.nav-item{color:#64748b;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:50px;align-items:center;gap:14px;width:100%;padding:14px 20px;font-family:Almarai,sans-serif;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";opacity:0;background:linear-gradient(135deg,#ec131f14 0%,#ff47570a 100%);border-radius:50px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.nav-item:hover:before{opacity:1}.nav-item:hover{color:var(--primary);background:#ec131f0f}.nav-item.active{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);color:#fff;box-shadow:0 8px 25px #ec131f59,0 4px 10px #ec131f33}.nav-item.active:before{opacity:0}.nav-item svg{flex-shrink:0;transition:transform .3s}.nav-item:hover svg{transform:scale(1.15)}.admin-layout.sidebar-collapsed .nav-item span{display:none}.admin-layout.sidebar-collapsed .nav-item{border-radius:50%;justify-content:center;width:52px;height:52px;margin:0 auto;padding:14px}.nav-item.logout{color:#ef4444;background:#ef44440f;margin-top:auto}.nav-item.logout:hover{color:#dc2626;background:#ef44441f}.nav-item.logout:hover:before{opacity:0}.admin-main{flex-direction:column;flex:1;gap:16px;min-height:calc(100vh - 32px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.admin-layout.sidebar-collapsed .admin-main{flex:1}.admin-topbar{-webkit-backdrop-filter:blur(24px);z-index:100;background:linear-gradient(135deg,#fffffffa 0%,#f8fafcfa 100%);border:1px solid #fffc;border-radius:50px;justify-content:space-between;align-items:center;margin:0;padding:14px 28px;display:flex;position:sticky;top:16px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff}body.dark .admin-topbar{background:linear-gradient(135deg,#252525 0%,#1f1f1f 100%);border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d}.topbar-right,.topbar-left{align-items:center;gap:16px;display:flex}.topbar-toggle{color:#64748b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.topbar-toggle:hover{color:var(--primary);background:#ec131f1a;transform:rotate(90deg)}body.dark .topbar-toggle{background:#ffffff14}body.dark .topbar-toggle:hover{color:var(--primary);background:#ec131f33}.topbar-title{color:#1e293b;margin:0;font-family:Almarai,sans-serif;font-size:20px;font-weight:700}body.dark .topbar-title{color:#fff}.topbar-btn{color:#64748b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative}.topbar-btn:hover{color:var(--primary);background:#ec131f1a;transform:scale(1.1)}body.dark .topbar-btn{color:#94a3b8;background:#ffffff14}body.dark .topbar-btn:hover{color:var(--primary);background:#ec131f33}.notification-btn .notification-dot{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:8px;right:8px}body.dark .notification-btn .notification-dot{border-color:#1e293b}.admin-profile{cursor:pointer;background:#00000008;border-radius:50px;align-items:center;gap:14px;padding:10px 18px;transition:all .3s;display:flex}.admin-profile:hover{background:#0000000f;transform:translateY(-2px)}body.dark .admin-profile{background:#ffffff0d}body.dark .admin-profile:hover{background:#ffffff1a}.admin-profile img{object-fit:cover;border:2px solid #ec131f33;border-radius:50%;width:40px;height:40px}.profile-info{flex-direction:column;display:flex}.profile-name{color:#1e293b;font-family:Almarai,sans-serif;font-size:15px;font-weight:700}body.dark .profile-name{color:#fff}.profile-role{color:#64748b;font-size:12px}.admin-content{flex:1;padding:0}.admin-dashboard-content{flex-direction:column;gap:20px;display:flex}.admin-welcome-banner{background:linear-gradient(135deg,var(--primary)0%,#ff4757 50%,#ff6b7a 100%);color:#fff;border-radius:32px;justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #ec131f4d}.admin-welcome-banner:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.admin-welcome-banner:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:-10%}.welcome-content{z-index:1;position:relative}.welcome-content h2{margin:0 0 8px;font-family:Almarai,sans-serif;font-size:28px;font-weight:800}.welcome-content p{opacity:.9;margin:0;font-size:16px}.welcome-stats{z-index:1;gap:24px;display:flex;position:relative}.quick-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:600;display:flex}.admin-quick-actions{flex-wrap:wrap;gap:14px;display:flex}.quick-action-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1e293b;cursor:pointer;background:#fffffff2;border:1px solid #fff9;border-radius:50px;align-items:center;gap:10px;padding:14px 24px;font-family:Almarai,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #0000000d}.quick-action-btn:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.quick-action-btn svg{color:var(--primary)}.action-badge{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-6px;left:-6px}body.dark .quick-action-btn{color:#fff;background:#1f1f1f;border-color:#ffffff1a}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.admin-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:28px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a,inset 0 1px #fffc}.admin-stat-card:before{content:"";opacity:.1;border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.admin-stat-card.green:before{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.admin-stat-card.blue:before{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.admin-stat-card.purple:before{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.admin-stat-card.orange:before{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}body.dark .admin-stat-card{background:#1f1f1f;border-color:#ffffff1a;box-shadow:0 4px 20px #0003,0 1px 3px #0000001a,inset 0 1px #ffffff0d}.admin-stat-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px #0000001f,0 8px 16px #0000000f}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.stat-card-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 20px #00000026}.admin-stat-card.blue .stat-card-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.admin-stat-card.green .stat-card-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.admin-stat-card.orange .stat-card-icon{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.admin-stat-card.purple .stat-card-icon{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.admin-stat-card.primary .stat-card-icon{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%)}.stat-trend{border-radius:50px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.stat-trend.positive{color:#16a34a;background:#22c55e26}.stat-trend.negative{color:#dc2626;background:#ef444426}.stat-card-body .stat-value{color:#1e293b;margin:0 0 6px;font-family:Almarai,sans-serif;font-size:32px;font-weight:800}body.dark .stat-card-body .stat-value{color:#fff}.stat-card-body .stat-label{color:#64748b;margin:0;font-size:14px;font-weight:600}.stat-subtitle{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.admin-cards-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-cards-row.three-cols{grid-template-columns:repeat(3,1fr)}.admin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:24px;padding:28px;transition:all .3s;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a,inset 0 1px #fffc}.admin-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001a,0 4px 10px #0000000d}body.dark .admin-card{background:#1f1f1f;border-color:#ffffff1a;box-shadow:0 4px 20px #0003,0 1px 3px #0000001a,inset 0 1px #ffffff0d}.admin-card .card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-card .card-header h3{color:#1e293b;align-items:center;gap:12px;margin:0;font-family:Almarai,sans-serif;font-size:17px;font-weight:700;display:flex}body.dark .admin-card .card-header h3{color:#fff}.admin-card .card-header h3 svg{color:var(--primary)}.mini-select{color:#64748b;cursor:pointer;background:#00000005;border:1px solid #00000014;border-radius:12px;padding:10px 16px;font-family:Almarai,sans-serif;font-size:13px;transition:all .3s}.mini-select:hover{border-color:var(--primary)}body.dark .mini-select{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.btn-text{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:Almarai,sans-serif;font-size:14px;font-weight:700;transition:all .3s;display:flex}.btn-text:hover{opacity:.8;transform:translate(-4px)}.live-sales-card .live-indicator{color:#16a34a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.live-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.live-sales-list{flex-direction:column;gap:14px;display:flex}.live-sale-item{background:#22c55e0d;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .3s;display:flex}.live-sale-item:hover{background:#22c55e1a;transform:translate(-4px)}.sale-icon{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sale-info{flex-direction:column;flex:1;gap:4px;display:flex}.sale-product{color:#1e293b;font-size:14px;font-weight:600}body.dark .sale-product{color:#fff}.sale-time{color:#64748b;font-size:12px}.sale-amount{color:#16a34a;font-size:15px;font-weight:700}.traffic-sources{flex-direction:column;gap:16px;display:flex}.traffic-item{flex-direction:column;gap:8px;display:flex}.traffic-bar-container{background:#0000000f;border-radius:4px;height:8px;overflow:hidden}body.dark .traffic-bar-container{background:#ffffff1a}.traffic-bar{border-radius:4px;height:100%;transition:width .6s}.traffic-info{justify-content:space-between;align-items:center;display:flex}.traffic-name{color:#64748b;font-size:13px}.traffic-value{color:#1e293b;font-size:14px;font-weight:700}body.dark .traffic-value{color:#fff}.device-stats{flex-direction:column;gap:16px;display:flex}.device-item{align-items:center;gap:14px;display:flex}.device-item svg{color:var(--primary)}.device-info{flex-direction:column;flex:1;gap:6px;display:flex}.device-name{color:#64748b;font-size:13px}.device-bar{background:#0000000f;border-radius:3px;height:6px;overflow:hidden}body.dark .device-bar{background:#ffffff1a}.device-progress{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);border-radius:3px;height:100%}.device-value{color:#1e293b;text-align:left;min-width:40px;font-size:14px;font-weight:700}body.dark .device-value{color:#fff}.conversion-stats{text-align:center}.conversion-main{justify-content:center;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.conversion-rate{color:var(--primary);font-family:Almarai,sans-serif;font-size:48px;font-weight:800}.conversion-change{border-radius:20px;padding:4px 10px;font-size:14px;font-weight:700}.conversion-change.positive{color:#16a34a;background:#22c55e26}.conversion-change.negative{color:#dc2626;background:#ef444426}.conversion-desc{color:#64748b;margin:0 0 20px;font-size:14px}.conversion-funnel{justify-content:center;align-items:center;gap:12px;display:flex}.funnel-step{background:#00000008;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}body.dark .funnel-step{background:#ffffff0d}.funnel-step span{color:#64748b;font-size:12px}.funnel-step strong{color:#1e293b;font-size:16px;font-weight:700}body.dark .funnel-step strong{color:#fff}.funnel-arrow{color:#94a3b8;font-size:18px}.system-card{grid-column:1/-1}.system-status{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.system-status.online{color:#16a34a}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.system-metrics{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.metric-item{background:#00000005;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}body.dark .metric-item{background:#ffffff0d}.metric-item svg{color:var(--primary)}.metric-info{flex-direction:column;flex:1;gap:4px;display:flex}.metric-label{color:#64748b;font-size:12px}.metric-value{color:#1e293b;font-size:16px;font-weight:700}body.dark .metric-value{color:#fff}.metric-bar{background:#00000014;border-radius:3px;width:80px;height:6px;overflow:hidden}body.dark .metric-bar{background:#ffffff1a}.metric-progress{border-radius:3px;height:100%}.metric-progress.success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.metric-progress.good{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.metric-progress.info{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%)}.revenue-content{flex-direction:column;gap:24px;display:flex}.revenue-main{align-items:center;gap:16px;display:flex}.revenue-amount{color:#1e293b;font-family:Almarai,sans-serif;font-size:36px;font-weight:800}body.dark .revenue-amount{color:#fff}.revenue-trend{align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.revenue-trend.positive{color:#16a34a}.revenue-trend.negative{color:#dc2626}.revenue-comparison{gap:24px;display:flex}.comparison-item{flex-direction:column;gap:4px;display:flex}.comparison-label{color:#64748b;font-size:12px}.comparison-value{color:#1e293b;font-size:18px;font-weight:700}body.dark .comparison-value{color:#e2e8f0}.revenue-chart{flex-direction:column;gap:12px;display:flex}.chart-bars{align-items:flex-end;gap:6px;height:120px;display:flex}.chart-bar-wrapper{flex:1;align-items:flex-end;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg,var(--primary)0%,#ec131f66 100%);cursor:pointer;border-radius:6px 6px 0 0;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-bar:hover{background:var(--primary);transform:scaleY(1.05)}.chart-labels{justify-content:space-between;display:flex}.chart-labels span{color:#94a3b8;text-align:center;flex:1;font-size:10px}.mini-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 4px 15px #0000000a}body.dark .mini-stat-card{background:#1f1f1f;border-color:#ffffff1a}.mini-stat-card svg{color:var(--primary)}.mini-stat-card.green svg{color:#16a34a}.mini-stat-card.blue svg{color:#2563eb}.mini-stat-card.purple svg{color:#9333ea}.mini-stat-card.orange svg{color:#ea580c}.mini-stat-value{color:#1e293b;font-family:Almarai,sans-serif;font-size:18px;font-weight:800;display:block}body.dark .mini-stat-value{color:#fff}.mini-stat-label{color:#64748b;font-size:12px;display:block}.orders-stats{flex-direction:column;gap:16px;display:flex}.order-stat{background:#00000005;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:all .3s;display:flex}.order-stat:hover{background:#0000000a;transform:translate(-4px)}body.dark .order-stat{background:#ffffff0d}body.dark .order-stat:hover{background:#ffffff14}.order-stat span{color:#64748b;flex:1;font-size:14px}.order-stat strong{color:#1e293b;font-size:16px;font-weight:700}body.dark .order-stat strong{color:#fff}.text-success{color:#16a34a!important}.text-warning{color:#f59e0b!important}.text-danger{color:#dc2626!important}.products-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:18px;gap:8px;margin-bottom:24px;padding:6px;display:flex;box-shadow:0 4px 15px #0000000a}body.dark .products-tabs{background:#1f1f1f;border-color:#ffffff1a}.products-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:12px 24px;font-family:Almarai,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.products-tabs button:hover{color:var(--primary);background:#ec131f14}.products-tabs button.active{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);color:#fff;box-shadow:0 4px 15px #ec131f4d}.admin-product-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0000000a}body.dark .admin-product-card{background:#1f1f1f;border-color:#ffffff1a}.admin-product-card .product-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.admin-product-card:hover .product-image img{transform:scale(1.05)}.product-badge{border-radius:20px;padding:6px 14px;font-family:Almarai,sans-serif;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.product-badge.approved{color:#fff;background:#22c55ee6}.admin-product-card .product-content h4{color:#1e293b;margin:0 0 8px;font-family:Almarai,sans-serif;font-size:16px;font-weight:700}.product-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.product-meta .price{color:var(--primary);font-family:Almarai,sans-serif;font-size:18px;font-weight:800}.product-meta .seller{color:#64748b;font-size:12px}.payment-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000a}.payment-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}body.dark .payment-stat-card{background:#1f1f1f;border-color:#ffffff1a}.payment-stat-card .stat-value{color:#1e293b;font-family:Almarai,sans-serif;font-size:24px;font-weight:800}.tx-type{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.support-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;flex:1;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 4px 15px #0000000a}body.dark .support-stat-card{background:#1f1f1f;border-color:#ffffff1a}.support-stat-card svg{color:var(--primary)}.support-stat-card.open svg{color:#2563eb}.support-stat-card.high svg{color:#dc2626}.support-stat-card.resolved svg{color:#16a34a}.support-stat-card .stat-label{color:#64748b;margin-bottom:4px;font-size:13px;display:block}.support-stat-card .stat-value{color:#1e293b;font-family:Almarai,sans-serif;font-size:28px;font-weight:800}body.dark .support-stat-card .stat-value{color:#fff}.announcements-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.announcement-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 4px 15px #0000000a}.announcement-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}body.dark .announcement-card{background:#1f1f1f;border-color:#ffffff1a}.announcement-card h4{color:#1e293b;margin:0 0 8px;font-family:Almarai,sans-serif;font-size:17px;font-weight:700}body.dark .announcement-card h4{color:#fff}.announcement-card p{color:#64748b;margin:0 0 16px;font-size:14px;line-height:1.6}.announcement-meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;padding:28px;box-shadow:0 4px 15px #0000000a}body.dark .settings-card{background:#1f1f1f;border-color:#ffffff1a}.settings-card h3{color:#1e293b;align-items:center;gap:12px;margin:0 0 20px;font-family:Almarai,sans-serif;font-size:17px;font-weight:700;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Almarai,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec131f66}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 15px #22c55e4d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-outline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1e293b;background:#fffffff2;border:1px solid #0000001a}body.dark .btn-outline{color:#fff;background:#1f1f1f;border-color:#ffffff1a}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.analytics-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;padding:24px;box-shadow:0 4px 15px #0000000a}body.dark .analytics-card{background:#1f1f1f;border-color:#ffffff1a}.analytics-card.large{grid-column:span 2}.form-group label{color:#1e293b;margin-bottom:8px;font-family:Almarai,sans-serif;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:#fffffff2;border:1px solid #0000001a;border-radius:12px;width:100%;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;transition:all .3s}body.dark .form-group input,body.dark .form-group textarea,body.dark .form-group select{color:#fff;background:#1f1f1f;border-color:#ffffff1a}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ec131f1a}.toggle-switch{width:52px;height:28px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#0000001a;border-radius:28px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000026}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.pending-list{flex-direction:column;gap:14px;max-height:320px;display:flex;overflow-y:auto}.pending-item{background:#00000005;border-radius:16px;align-items:center;gap:14px;padding:14px;transition:all .3s;display:flex}body.dark .pending-item{background:#ffffff0d}.pending-item:hover{background:#0000000a;transform:translate(-4px)}body.dark .pending-item:hover{background:#ffffff14}.pending-item img{object-fit:cover;border-radius:14px;width:56px;height:56px;box-shadow:0 4px 12px #0000001a}.pending-info{flex:1}.pending-info h4{color:#1e293b;margin:0 0 6px;font-family:Almarai,sans-serif;font-size:15px;font-weight:700}body.dark .pending-info h4{color:#fff}.pending-info .price{color:var(--primary);font-size:14px;font-weight:700}.pending-actions{gap:10px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.btn-icon.success{color:#16a34a;background:#22c55e26}.btn-icon.success:hover{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);transform:scale(1.1);box-shadow:0 4px 15px #22c55e66}.btn-icon.danger{color:#dc2626;background:#ef444426}.btn-icon.danger:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:scale(1.1);box-shadow:0 4px 15px #ef444466}.btn-icon-sm:hover{color:var(--primary);background:#ec131f1a;transform:rotate(180deg)}.activity-list{flex-direction:column;gap:14px;max-height:320px;display:flex;overflow-y:auto}.activity-item{border-radius:14px;align-items:flex-start;gap:14px;padding:12px;transition:all .3s;display:flex}.activity-item:hover{background:#00000008}body.dark .activity-item:hover{background:#ffffff0d}.activity-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-item.success .activity-icon-wrapper{color:#16a34a;background:#22c55e26}.activity-item.warning .activity-icon-wrapper{color:#ea580c;background:#f9731626}.activity-item.danger .activity-icon-wrapper{color:#dc2626;background:#ef444426}.activity-item.info .activity-icon-wrapper{color:#2563eb;background:#3b82f626}.activity-content{flex-direction:column;flex:1;gap:4px;display:flex}.activity-action{color:#1e293b;font-size:14px;font-weight:600}body.dark .activity-action{color:#fff}.activity-meta{color:#64748b;font-size:12px}.empty-state-mini{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty-state-mini svg{opacity:.5;margin-bottom:12px}.empty-state-mini p{margin:0;font-size:14px}.empty-state{text-align:center;color:#64748b;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 32px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state h3{color:#1e293b;margin:0 0 8px}body.dark .empty-state h3{color:#fff}.empty-state p{margin:0;font-size:14px}.content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.content-header h2{color:#1e293b;margin:0;font-family:Almarai,sans-serif;font-size:26px;font-weight:800}body.dark .content-header h2{color:#fff}.search-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:16px;align-items:center;gap:12px;min-width:280px;padding:12px 20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000a}.search-box:focus-within{border-color:var(--primary);box-shadow:0 4px 20px #ec131f26}body.dark .search-box{background:#1f1f1f;border-color:#ffffff1a}.search-box svg{color:#64748b;flex-shrink:0}.search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-family:Almarai,sans-serif;font-size:14px}body.dark .search-box input{color:#fff}.search-box input::placeholder{color:#94a3b8}.filter-select{color:#1e293b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#fffffff2;border:1px solid #fff9;border-radius:16px;min-width:160px;padding:12px 20px;font-family:Almarai,sans-serif;font-size:14px;transition:all .3s;box-shadow:0 4px 15px #0000000a}.filter-select:hover{border-color:var(--primary)}body.dark .filter-select{color:#fff;background:#1f1f1f;border-color:#ffffff1a}.admin-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:28px;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a,inset 0 1px #fffc}body.dark .admin-table-container{background:#1f1f1f;border-color:#ffffff1a;box-shadow:0 4px 20px #0003,0 1px 3px #0000001a,inset 0 1px #ffffff0d}.admin-table{border-collapse:collapse;width:100%;font-family:Almarai,sans-serif}.admin-table thead{background:#00000008}body.dark .admin-table thead{background:#ffffff0d}.admin-table th{text-align:right;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:18px 24px;font-size:13px;font-weight:700}.admin-table td{color:#1e293b;border-top:1px solid #0000000a;padding:18px 24px;font-size:14px}body.dark .admin-table td{color:#e2e8f0;border-top-color:#ffffff0a}.admin-table tr{transition:all .3s}.admin-table tr:hover td{background:#ec131f08}body.dark .admin-table tr:hover td{background:#ec131f0d}.user-cell{align-items:center;gap:14px;display:flex}.user-cell img{object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 12px #0000001a}.status-badge{border-radius:50px;align-items:center;padding:8px 16px;font-family:Almarai,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.status-badge.active,.status-badge.completed{color:#16a34a;background:#22c55e26}.status-badge.suspended,.status-badge.cancelled{color:#dc2626;background:#ef444426}.status-badge.pending{color:#ea580c;background:#f9731626}.status-badge.open{color:#2563eb;background:#3b82f626}.status-badge.closed{color:#64748b;background:#64748b26}.priority-badge{border-radius:50px;align-items:center;padding:6px 14px;font-family:Almarai,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.priority-badge.high{color:#dc2626;background:#ef44441a}.priority-badge.medium{color:#ea580c;background:#f973161a}.priority-badge.low{color:#64748b;background:#64748b1a}.tx-type{border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tx-type.payment{color:#16a34a;background:#22c55e1a}.tx-type.refund{color:#dc2626;background:#ef44441a}.tx-type.commission{color:#9333ea;background:#a855f71a}.action-buttons{gap:8px;display:flex}.btn-icon-sm{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}body.dark .btn-icon-sm{color:#94a3b8;background:#ffffff1a}.btn-icon-sm:hover{background:var(--primary);color:#fff}.btn-icon-sm.warning:hover{background:#f59e0b}.btn-icon-sm.success:hover{background:#16a34a}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.pagination{color:#64748b;justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:14px;display:flex}.products-tabs{gap:10px;margin-bottom:24px;display:flex}.products-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}body.dark .products-tab{color:#94a3b8;background:#334155;border-color:#ffffff1a}.products-tab:hover{border-color:var(--primary);color:var(--primary)}.products-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-product-card{background:#fff;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000d}body.dark .admin-product-card{background:#1e293b;box-shadow:0 4px 20px #0003}.admin-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.admin-product-card .product-image{height:180px;position:relative;overflow:hidden}.admin-product-card .product-image img{object-fit:cover;width:100%;height:100%}.product-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.product-badge.pending{color:#fff;background:#f97316e6}.admin-product-card .product-content{padding:16px}.admin-product-card .product-content h4{color:#1e293b;margin:0 0 8px;font-size:16px;font-weight:600}body.dark .admin-product-card .product-content h4{color:#fff}.product-description{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.5}.product-meta{justify-content:space-between;align-items:center;font-size:13px;display:flex}.product-meta .price{color:var(--primary);font-weight:700}.product-meta .seller{color:#64748b}.admin-product-card .product-actions{border-top:1px solid #0000000f;gap:8px;padding:16px;display:flex}body.dark .admin-product-card .product-actions{border-top-color:#ffffff0f}.payment-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.payment-stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}body.dark .payment-stat-card{background:#1e293b}.payment-stat-card svg{color:var(--primary)}.payment-stat-card .stat-label{color:#64748b;margin-bottom:4px;font-size:13px;display:block}.payment-stat-card .stat-value{color:#1e293b;font-size:20px;font-weight:700;display:block}body.dark .payment-stat-card .stat-value{color:#fff}.payment-stat-card.pending svg{color:#f59e0b}.support-stats{gap:16px;margin-bottom:24px;display:flex}.support-stat{text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}body.dark .support-stat{background:#1e293b}.support-stat.open svg{color:#3b82f6}.support-stat.pending svg{color:#f59e0b}.support-stat.closed svg{color:#16a34a}.support-stat .stat-value{color:#1e293b;font-size:28px;font-weight:700}body.dark .support-stat .stat-value{color:#fff}.support-stat .stat-label{color:#64748b;font-size:13px}.announcements-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.announcement-form-card,.announcements-history{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}body.dark .announcement-form-card,body.dark .announcements-history{background:#1e293b}.announcement-form-card h3,.announcements-history h3{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex}body.dark .announcement-form-card h3,body.dark .announcements-history h3{color:#fff}.announcement-form-card h3 svg,.announcements-history h3 svg{color:var(--primary)}.announcements-list{flex-direction:column;gap:16px;display:flex}.announcement-item{background:#00000005;border-radius:12px;gap:12px;padding:16px;display:flex}body.dark .announcement-item{background:#ffffff0d}.announcement-icon{width:40px;height:40px;color:var(--primary);background:#ec131f1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.announcement-content h4{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}body.dark .announcement-content h4{color:#fff}.announcement-content p{color:#64748b;margin:0 0 8px;font-size:13px}.announcement-meta{color:#94a3b8;font-size:12px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.settings-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}body.dark .settings-card{background:#1e293b}.settings-card h3{color:#1e293b;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex}body.dark .settings-card h3{color:#fff}.settings-card h3 svg{color:var(--primary)}.settings-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1e293b;font-size:14px;font-weight:500}body.dark .form-group label{color:#e2e8f0}.form-input,.form-textarea,.form-select{color:#1e293b;background:#fff;border:1px solid #0000001a;border-radius:50px;padding:14px 20px;font-size:14px;transition:all .2s}.form-textarea{border-radius:20px}body.dark .form-input,body.dark .form-textarea,body.dark .form-select{color:#fff;background:#334155;border-color:#ffffff1a}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ec131f1a}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{cursor:pointer;color:#1e293b;align-items:center;gap:12px;font-size:14px;display:flex}body.dark .checkbox-label{color:#e2e8f0}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #0003;border-radius:6px;width:20px;height:20px;transition:all .2s;position:relative}body.dark .checkmark{border-color:#fff3}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.analytics-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}body.dark .analytics-header h2{color:#fff}.analytics-filters{gap:12px;display:flex}.analytics-cards{grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.analytics-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}body.dark .analytics-card{background:#1e293b}.analytics-card h3{color:#1e293b;margin:0 0 16px;font-size:16px;font-weight:600}body.dark .analytics-card h3{color:#fff}.chart-placeholder{color:#64748b;opacity:.5;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.chart-placeholder svg{margin-bottom:12px}.conversion-display{flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.conversion-rate{color:#1e293b;font-size:48px;font-weight:700}body.dark .conversion-rate{color:#fff}.conversion-change{margin-top:8px;font-size:16px;font-weight:600}.conversion-change.positive{color:#16a34a}.conversion-change.negative{color:#dc2626}.analytics-table-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}body.dark .analytics-table-section{background:#1e293b}.analytics-table-section h3{color:#1e293b;margin:0 0 16px;font-size:18px;font-weight:600}body.dark .analytics-table-section h3{color:#fff}.star-filled{color:#f59e0b;fill:#f59e0b}.admin-access-denied{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}body.dark .admin-access-denied{background:linear-gradient(135deg,#0f0f12 0%,#1a1a1f 100%)}.access-denied-content{text-align:center;background:#fff;border-radius:24px;padding:48px;box-shadow:0 20px 60px #0000001a}body.dark .access-denied-content{background:#1a1a1f}.access-denied-content svg{color:var(--primary);margin-bottom:24px}.access-denied-content h2{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}body.dark .access-denied-content h2{color:#fff}.access-denied-content p{color:#64748b;margin:0}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:1400px){.admin-cards-row.three-cols,.system-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.admin-stats-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.analytics-cards{grid-template-columns:1fr 1fr}.analytics-card.large{grid-column:1/-1}.welcome-stats{flex-direction:column;gap:12px}}@media (max-width:992px){.admin-layout{gap:12px;padding:12px}.admin-cards-row,.admin-cards-row.three-cols,.system-metrics{grid-template-columns:1fr}.payment-stats{grid-template-columns:repeat(2,1fr)}.announcements-grid,.settings-grid{grid-template-columns:1fr}.admin-welcome-banner{text-align:center;flex-direction:column;gap:20px}.welcome-stats{flex-flow:wrap;justify-content:center}.conversion-funnel{flex-wrap:wrap}}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.admin-layout{flex-direction:column;gap:0;padding:0}.admin-sidebar{z-index:1001;border-radius:0;width:300px;height:100vh;position:fixed;top:0;right:0;transform:translate(100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{gap:0;min-height:100vh;margin-right:0}.admin-layout.sidebar-collapsed .admin-main{margin-right:0}.admin-topbar{z-index:100;border-radius:0;padding:14px 16px;position:sticky;top:0}.admin-content{padding:16px}.admin-dashboard-content{gap:16px}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.admin-stat-card{border-radius:16px;padding:18px}.stat-card-icon{width:44px;height:44px}.stat-card-body .stat-value{font-size:24px}.admin-card{border-radius:20px;padding:20px}.admin-welcome-banner{border-radius:20px;padding:24px}.welcome-content h2{font-size:22px}.admin-quick-actions{flex-direction:column}.quick-action-btn{justify-content:center;width:100%}.products-grid,.payment-stats{grid-template-columns:1fr}.support-stats{flex-direction:column}.topbar-title{font-size:18px}.admin-profile .profile-info{display:none}.content-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{flex-direction:column}.search-box{width:100%;min-width:auto}.products-tabs{flex-wrap:wrap;gap:8px}.products-tabs button{flex:1;min-width:100px}.admin-table-container{border-radius:16px;overflow-x:auto}.admin-table{min-width:700px}.revenue-amount{font-size:28px}.chart-bars{height:80px}.chart-labels span{font-size:8px}.conversion-rate{font-size:36px}}@media (max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:16px}.stat-card-body .stat-value{font-size:22px}.stat-trend{padding:4px 8px;font-size:11px}.topbar-left{gap:8px}.topbar-btn{width:38px;height:38px}.admin-profile{padding:8px}.admin-profile img{width:38px;height:38px}.quick-stat{padding:10px 14px;font-size:12px}.funnel-step{padding:10px 12px}.funnel-step strong{font-size:14px}}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-danger{background:var(--danger);color:#fff}.badge-secondary{background:var(--txt-gray);color:#fff}.modal-header{padding:var(--spacing-lg);border-bottom:var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:var(--border-light);justify-content:flex-end;gap:var(--spacing-md);display:flex}.form-actions{margin-top:var(--spacing-lg)}.form-footer{margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-lg);border-top:var(--border-light)}.error-message{color:var(--danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-input.error{border-color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--bg-light)25%,var(--glass-light)50%,var(--bg-light)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card-skeleton{border-radius:var(--radius-lg);height:400px}.conversation-skeleton{height:80px;margin-bottom:var(--spacing-sm)}.stat-card-skeleton{border-radius:var(--radius-lg);height:120px}.product-item-skeleton,.user-item-skeleton{border-radius:var(--radius-lg);height:100px}.hero-section{padding:var(--spacing-4xl)0;text-align:center;position:relative;overflow:hidden}.hero-content{z-index:1;position:relative}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--txt-gray);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.section-header p{font-size:var(--font-size-lg);color:var(--txt-gray)}.section-footer{text-align:center;margin-top:var(--spacing-2xl)}.features-section{padding:var(--spacing-4xl)0;background:0 0}.features-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{text-align:center;padding:var(--spacing-2xl);background:var(--glass-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transition:all var(--transition)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--txt-gray);line-height:var(--line-height-relaxed)}.empty-state i{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.auth-required{text-align:center;padding:var(--spacing-4xl)var(--spacing-2xl);color:var(--txt-gray)}.auth-required i{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.auth-required h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.auth-required p{font-size:var(--font-size-lg)}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;align-items:center}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.product-actions,.admin-tabs{flex-direction:column}.stats-grid{grid-template-columns:1fr}.product-item,.user-item{gap:var(--spacing-md);text-align:center;flex-direction:column}.product-actions,.user-actions{justify-content:center}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}.hero-section{padding:var(--spacing-2xl)0}.settings-section{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}}.add-product-page{min-height:calc(100vh - 82px);padding:var(--spacing-xl)0}.product-form{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);max-width:800px;padding:var(--spacing-xl);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);margin:0 auto}.form-label{font-weight:var(--font-weight-semibold);color:var(--txt-dark);margin-bottom:var(--spacing-sm);display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);border:var(--border-light);border-radius:var(--radius-md);background:var(--glass-light);color:var(--txt-dark);font-size:var(--font-size-base);transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-alpha)}.phone-input-wrapper{align-items:center;gap:0;display:flex;position:relative}.phone-input-wrapper .country-code{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-md)0 0 var(--radius-md);padding:var(--spacing-md)var(--spacing-sm);color:var(--txt-gray);font-size:var(--font-size-sm);text-align:center;border-right:none;min-width:60px}.phone-input-wrapper .form-input{border-radius:0 var(--radius-md)var(--radius-md)0;flex:1}.phone-input-wrapper .form-input:focus{z-index:1;position:relative}.form-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.form-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--txt-gray);border-radius:var(--radius-sm);background:var(--glass-light);cursor:pointer;width:18px;height:18px;transition:all var(--transition);position:relative}.form-checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.form-checkbox input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.form-checkbox .checkbox-label{color:var(--txt-gray);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-xs);display:flex}.form-checkbox .checkbox-label .btn-text{color:var(--primary);font-size:inherit;transition:color var(--transition);padding:0;text-decoration:underline}.form-checkbox .checkbox-label .btn-text:hover{color:var(--primary-dark)}.form-checkbox:hover input[type=checkbox]:not(:checked){border-color:var(--primary)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-left:40px}.password-toggle{color:var(--txt-gray);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.password-toggle i{width:20px;height:20px}.password-strength{margin-top:var(--spacing-xs)}.strength-bar{background:var(--glass-light);border-radius:var(--radius-full);height:4px;margin-bottom:var(--spacing-xs);overflow:hidden}.strength-progress{height:100%;transition:all var(--transition)}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;display:block}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.image-upload-area{border:2px dashed var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition);background:var(--glass-light);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.image-upload-area:hover{border-color:var(--primary);background:var(--primary-alpha)}.image-input{display:none}.upload-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--txt-gray);transition:color var(--transition);flex-direction:column;display:flex}.upload-label:hover{color:var(--primary)}.upload-label i{color:var(--primary);font-size:2rem}.upload-label span{font-weight:var(--font-weight-semibold);color:var(--txt-dark)}.upload-label small{font-size:var(--font-size-sm);opacity:.7}.image-previews{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.image-preview{border-radius:var(--radius-md);aspect-ratio:1;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.remove-image{top:var(--spacing-xs);right:var(--spacing-xs);background:var(--danger);color:#fff;cursor:pointer;width:24px;height:24px;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.remove-image:hover{background:var(--danger-dark);transform:scale(1.1)}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:var(--border-light);justify-content:flex-end;display:flex}.error-message{color:var(--danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--danger-alpha);border-radius:var(--radius-sm);border-right:3px solid var(--danger);display:flex}.error-message:before{content:"⚠️";flex-shrink:0;font-size:12px}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(4px)}75%{transform:translate(-4px)}}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{animation:.4s ease-in-out errorShake}@media (max-width:768px){.product-form{margin:0 var(--spacing-md);padding:var(--spacing-lg)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.image-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.add-product-page{padding:var(--spacing-lg)0}.product-form{margin:0 var(--spacing-sm);padding:var(--spacing-md)}.image-upload-area{padding:var(--spacing-lg)}}.product-details-grid{gap:var(--spacing-lg);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-item{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.detail-item h4{font-size:var(--font-size-sm);color:var(--txt-gray);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.condition-tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--primary-alpha);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-block}.seller-info{margin:var(--spacing-xl)0;padding:var(--spacing-lg);background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.seller-info h3{margin-bottom:var(--spacing-md);color:var(--txt-dark);font-size:var(--font-size-lg)}.seller-card{align-items:center;gap:var(--spacing-md);display:flex}.seller-avatar{background:var(--bg-light);border:var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.seller-avatar img{object-fit:cover;width:100%;height:100%}.seller-avatar i{color:var(--txt-gray);font-size:1.5rem}.seller-details h4{margin:0 0 var(--spacing-xs)0;color:var(--txt-dark);font-size:var(--font-size-base)}.seller-details p{color:var(--txt-gray);font-size:var(--font-size-sm);margin:0}.product-views{align-items:center;gap:var(--spacing-xs);color:var(--txt-gray);font-size:var(--font-size-sm);display:flex}.product-views i{font-size:14px}@media (max-width:768px){.product-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.seller-card{text-align:center;flex-direction:column}.seller-avatar{width:80px;height:80px}}.footer{padding-top:var(--spacing-3xl);background:#fafafa;border-top:1px solid #e5e5e5;margin-top:auto}.footer-home{background:linear-gradient(#fff 0%,#f5f5f5 100%);border-top:1px solid #e5e5e5}.footer-home .footer-section h4{color:#171717}.footer-home .footer-links a{color:#525252}.footer-home .footer-links a:hover{color:#dc2626}.footer-home .contact-item{color:#525252}.footer-home .contact-item i,.footer-home .contact-item svg{color:#dc2626}.footer-home .footer-logo p,.footer-home .footer-description p{color:#525252}.footer-home .social-link{color:#525252;background:#fff;border:1px solid #e5e5e5}.footer-home .social-link:hover{color:#fff;background:#dc2626;border-color:#dc2626}.footer-home .newsletter-section{background:#fff;border:1px solid #e5e5e5}.footer-home .newsletter-content h4{color:#171717}.footer-home .newsletter-content p{color:#525252}.footer-home .newsletter-input{color:#171717;background:#fafafa;border:1px solid #e5e5e5}.footer-home .newsletter-input::placeholder{color:#a3a3a3}.footer-home .footer-bottom{border-top:1px solid #e5e5e5}.footer-home .footer-bottom-content,.footer-home .footer-bottom-links a{color:#525252}.footer-home .footer-bottom-links a:hover{color:#dc2626}.footer:not(.footer-home){display:none}body.dark .footer{background:#0a0a0a;border-top-color:#ffffff0f}body.dark .footer-home{background:linear-gradient(#0a0a0a 0%,#171717 100%);border-top-color:#ffffff0f}.footer-content{padding:0 0 var(--spacing-2xl)}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-section-header{display:none}.footer-section h4{color:#171717;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);position:relative}body.dark .footer-section h4{color:#f5f5f5}.footer-section h4:after{content:"";bottom:-8px;background:#dc2626;border-radius:1px;width:40px;height:2px;position:absolute}.footer-section h4:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.footer-section h4:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.footer-section h4:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.footer-section h4:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}body.dark .footer-logo h3{color:#dc2626}body.dark .footer-logo p,body.dark .footer-description p{color:#a3a3a3}body.dark .social-link{color:#a3a3a3;background:#ffffff0f;border-color:#ffffff1a}body.dark .social-link:hover{color:#fff;background:#dc2626;border-color:#dc2626}body.dark .footer-links a{color:#a3a3a3}body.dark .footer-links a:hover{color:#f87171}body.dark .contact-item{color:#a3a3a3}body.dark .contact-item i,body.dark .contact-item svg{color:#f87171}body.dark .newsletter-section{background:#ffffff08;border-color:#ffffff14}body.dark .newsletter-content h4{color:#f5f5f5}body.dark .newsletter-content p{color:#a3a3a3}body.dark .newsletter-input{color:#f5f5f5;background:#ffffff0d;border-color:#ffffff1a}body.dark .newsletter-input::placeholder{color:#737373}body.dark .newsletter-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}@media (max-width:768px){.footer-home{padding-top:var(--spacing-xl)}.footer-home .footer-grid{flex-direction:column;gap:0;display:flex}.footer-home .footer-brand{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-md);border-bottom:1px solid #00000014}body.dark .footer-home .footer-brand{border-bottom-color:#ffffff14}.footer-home .footer-accordion{border-bottom:1px solid #00000014}body.dark .footer-home .footer-accordion{border-bottom-color:#ffffff14}.footer-home .footer-accordion:last-child{border-bottom:none}.footer-home .footer-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;font-family:inherit;display:flex}.footer-home .footer-section-header h4{color:#171717;margin:0;font-size:1rem}body.dark .footer-home .footer-section-header h4{color:#f5f5f5}.footer-home .footer-section-header h4:after{display:none}.footer-home .accordion-icon{color:#737373;flex-shrink:0;transition:transform .3s}body.dark .footer-home .accordion-icon{color:#a3a3a3}.footer-home .footer-accordion.open .accordion-icon{color:#dc2626;transform:rotate(180deg)}body.dark .footer-home .footer-accordion.open .accordion-icon{color:#f87171}.footer-home .footer-accordion>h4:not(.footer-section-header h4){display:none}.footer-home .footer-accordion .footer-links,.footer-home .footer-accordion .contact-info.footer-links{opacity:0;max-height:0;padding:0;transition:max-height .3s,opacity .3s,padding .3s;overflow:hidden}.footer-home .footer-accordion.open .footer-links,.footer-home .footer-accordion.open .contact-info.footer-links{opacity:1;max-height:300px;padding-bottom:1rem}.footer-home .footer-links li,.footer-home .footer-accordion .contact-item{padding:.5rem 0}.newsletter-section{margin-top:var(--spacing-lg)}.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%}.footer-home .footer-bottom-content{text-align:center;gap:var(--spacing-sm);flex-direction:column}.footer-home .footer-bottom-links{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}}.footer-logo{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start;display:flex}.footer-logo-img{width:auto;height:72px;margin-bottom:12px;display:block}.footer-logo h3{color:var(--primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.footer-logo p{color:var(--txt-gray);font-size:var(--font-size-sm)}.footer-description p{color:var(--txt-gray);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.social-links{gap:var(--spacing-md);display:flex}.social-link{background:var(--glass-light);border:var(--border-light);width:40px;height:40px;color:var(--txt-gray);transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--txt-gray);transition:color var(--transition);align-items:center;gap:var(--spacing-xs);text-decoration:none;display:flex}.footer-links a:hover{color:var(--primary)}.contact-info{gap:var(--spacing-md);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--spacing-sm);color:var(--txt-gray);display:flex}.contact-item i{color:var(--primary);font-size:16px}.newsletter-section{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.newsletter-content h4{color:var(--txt-dark);margin-bottom:var(--spacing-sm)}.newsletter-content p{color:var(--txt-gray);margin-bottom:var(--spacing-lg)}.newsletter-form{gap:var(--spacing-md);max-width:400px;margin:0 auto;display:flex}.newsletter-input{padding:var(--spacing-md);border:var(--border-light);border-radius:var(--radius-md);background:var(--glass-light);color:var(--txt-dark);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);flex:1}.newsletter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.footer-bottom{background:var(--bg-light);padding:var(--spacing-lg)0;border-top:1px solid #00000014}body.dark .footer-bottom{background:#0000004d;border-top:1px solid #ffffff1a}.footer-bottom-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-bottom-content p{color:var(--txt-dark);font-size:var(--font-size-sm);margin:0}body.dark .footer-bottom-content p{color:#ffffffb3}.footer-bottom-links{gap:var(--spacing-lg);display:flex}.footer-bottom-links a{color:var(--txt-gray);font-size:var(--font-size-sm);transition:color var(--transition);text-decoration:none}body.dark .footer-bottom-links a{color:#fff9}.footer-bottom-links a:hover{color:var(--primary)}body.dark .footer-bottom-links a:hover{color:#ec131f}.photo-slider{border-radius:var(--radius-lg);height:clamp(260px,58vh,520px);margin:calc(var(--header-height) + var(--spacing-xl))0 var(--spacing-xl)0;position:relative;overflow:hidden}.slider-container,.slides-container{width:100%;height:100%;position:relative}.slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide.active{opacity:1}.slide:before{content:"";z-index:1;background:linear-gradient(135deg,#0000004d 0%,#0000001a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.slide-content{z-index:2;text-align:center;color:#fff;max-width:720px;padding:var(--spacing-xl);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-lg);background:#00000026;margin-inline-start:auto;margin-inline-end:auto;position:relative}.slide-text h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:0 2px 4px #0000004d}.slide-text p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);text-shadow:0 1px 2px #0000004d;line-height:var(--line-height-relaxed)}.slider-nav{background:var(--glass-light);border:var(--border-light);cursor:pointer;width:50px;height:50px;transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);z-index:3;color:var(--txt-dark);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav:hover{background:var(--primary);color:#fff;transform:translateY(-50%)scale(1.1)}.slider-prev:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-lg)}.slider-prev:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-lg)}.slider-prev:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-lg)}.slider-prev:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-lg)}.slider-next:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-lg)}.slider-next:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-lg)}.slider-next:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-lg)}.slider-next:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-lg)}.slider-dots{bottom:var(--spacing-lg);gap:var(--spacing-sm);z-index:3;display:flex;position:absolute;transform:translate(-50%)}.slider-dots:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.slider-dots:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.slider-dots:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.slider-dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.slider-dot{background:var(--glass-light);border:var(--border-light);cursor:pointer;width:12px;height:12px;transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:50%}.slider-dot.active,.slider-dot:hover{background:var(--primary);transform:scale(1.2)}.slider-play-pause{top:var(--spacing-lg);background:var(--glass-light);border:var(--border-light);cursor:pointer;width:40px;height:40px;transition:all var(--transition);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);z-index:3;color:var(--txt-dark);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.slider-play-pause:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-lg)}.slider-play-pause:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-lg)}.slider-play-pause:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-lg)}.slider-play-pause:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-lg)}.slider-play-pause:hover{background:var(--primary);color:#fff}.slider-placeholder{height:100%;color:var(--txt-gray);flex-direction:column;justify-content:center;align-items:center;display:flex}.slider-placeholder i{margin-bottom:var(--spacing-md);font-size:3rem}.slider-section{margin-bottom:var(--spacing-xxl);position:relative;overflow:hidden}.reveal-up{will-change:transform,opacity;opacity:.001;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.stats-section{background:linear-gradient(135deg,var(--glass-light)0%,var(--bg-light)100%);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)var(--spacing-md);margin:var(--spacing-xl)var(--spacing-md);max-width:1000px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stats-section:before{content:"";pointer-events:none;background:linear-gradient(135deg,#dc26260d 0%,#16a34a0d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.stats-grid{justify-content:center;gap:var(--spacing-md);z-index:1;flex-wrap:wrap;max-width:900px;margin:0 auto;display:flex;position:relative}@media (min-width:768px){.stats-grid{gap:var(--spacing-xl);padding:0 var(--spacing-xl);flex-wrap:nowrap}.stats-section{margin:var(--spacing-xl)auto;max-width:1200px;padding:var(--spacing-xl)0}}.stat-card{text-align:center;padding:var(--spacing-md)var(--spacing-sm);background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transition:all var(--transition);min-height:140px;width:calc(50% - var(--spacing-md));flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:140px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.stat-card{width:auto;min-width:220px;min-height:140px;padding:var(--spacing-lg)var(--spacing-xl);margin:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}@media (max-width:480px){.stat-card{width:100%;min-height:120px}}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.stat-card:hover:before{left:100%}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.stat-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);width:60px;height:60px;margin:0 auto var(--spacing-md);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (min-width:768px){.stat-icon{width:70px;height:70px;margin-bottom:var(--spacing-lg);font-size:1.75rem}}.stat-card:hover .stat-icon{box-shadow:var(--shadow-lg);transform:scale(1.1)}.stat-content h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-content p{color:var(--txt-gray);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.categories-section{padding:var(--spacing-xxl)0;background:0 0;position:relative}.categories-section:before{content:"";pointer-events:none;background:0 0;position:absolute;top:0;bottom:0;left:0;right:0}.categories-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;position:relative}.category-card{cursor:pointer;background:#141414;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ec131f26 0%,#0000 50%,#ec131f1a 100%);border-radius:20px;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.category-card:hover{border-color:#ec131f80;transform:translateY(-8px);box-shadow:0 20px 40px #ec131f40,0 0 60px #ec131f1a}.category-card:hover:before{opacity:1}.category-card h3{z-index:2;color:#fff;text-align:center;order:1;margin:0 0 1rem;font-family:Almarai,sans-serif;font-size:1.25rem;font-weight:700;transition:all .3s;position:relative}.category-card:hover h3{color:#ec131f}.category-card .category-icon{z-index:2;background:linear-gradient(135deg,#ec131f 0%,#a80d15 100%);border-radius:50%;order:2;justify-content:center;align-items:center;width:70px;height:70px;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 25px #ec131f66}.category-card .category-icon i,.category-card .category-icon svg{color:#fff;width:32px;height:32px}.category-card:hover .category-icon{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 35px #ec131f80}.category-card p{z-index:2;color:#fff9;text-align:center;order:3;margin:1rem 0 0;font-family:Almarai,sans-serif;font-size:.9rem;transition:all .3s;position:relative}.category-card:hover p{color:#ffffffd9}body:not(.dark) .category-card{background:#fff;border-color:#00000014;box-shadow:0 4px 15px #00000014}body:not(.dark) .category-card:hover{border-color:#ec131f4d;box-shadow:0 20px 40px #ec131f26,0 0 60px #ec131f0d}body:not(.dark) .category-card h3{color:#1a1a1a}body:not(.dark) .category-card:hover h3{color:#ec131f}body:not(.dark) .category-card p{color:#0000008c}body:not(.dark) .category-card:hover p{color:#000000bf}@media (max-width:768px){.category-card{min-height:180px;padding:1.25rem}.category-card .category-icon{width:60px;height:60px}.category-card .category-icon i,.category-card .category-icon svg{width:26px;height:26px}.category-card h3{font-size:1.1rem}}.featured-section,.latest-section{padding:var(--spacing-xxl)0;background:0 0;position:relative}.featured-section:before,.latest-section:before{content:"";pointer-events:none;background:0 0;position:absolute;top:0;bottom:0;left:0;right:0}.features-section{padding:var(--spacing-xl)0;background:0 0;position:relative;overflow:hidden}.features-section:before{content:"";pointer-events:none;background:0 0;position:absolute;top:0;bottom:0;left:0;right:0}.features-grid{gap:var(--spacing-lg);z-index:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid;position:relative}.feature-card{cursor:pointer;text-align:center;background:#141414;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1.5rem 1.25rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ec131f14 0%,#0000 60%);border-radius:16px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.feature-card:hover{border-color:#ec131f40;transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.feature-card:hover:before{opacity:1}.feature-icon{z-index:2;color:#fff;background:linear-gradient(135deg,#ec131f 0%,#a80d15 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 0 1rem;font-size:1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #ec131f40}.feature-icon i,.feature-icon svg{color:#fff;width:24px;height:24px}.feature-card:hover .feature-icon{transform:scale(1.08);box-shadow:0 6px 20px #ec131f59}.feature-card h3{z-index:2;color:#fff;text-align:center;margin:0 0 .5rem;font-family:Almarai,sans-serif;font-size:1.05rem;font-weight:600;transition:all .3s;position:relative}.feature-card:hover h3{color:#ec131f}.feature-card p{z-index:2;color:#ffffff80;text-align:center;margin:0;font-family:Almarai,sans-serif;font-size:.85rem;line-height:1.5;transition:all .3s;position:relative}.feature-card:hover p{color:#ffffffb3}body:not(.dark) .feature-card{background:#fff;border-color:#0000000f;box-shadow:0 2px 10px #0000000a}body:not(.dark) .feature-card:hover{border-color:#ec131f33;box-shadow:0 10px 25px #00000014}body:not(.dark) .feature-card h3{color:#1a1a1a}body:not(.dark) .feature-card:hover h3{color:#ec131f}body:not(.dark) .feature-card p{color:#00000080}body:not(.dark) .feature-card:hover p{color:#000000a6}@media (max-width:768px){.feature-card{min-height:180px;padding:1.25rem 1rem}.feature-icon{width:48px;height:48px}.feature-icon i,.feature-icon svg{width:20px;height:20px}.feature-card h3{font-size:.95rem}.feature-card p{font-size:.8rem}}.cta-section{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;padding:var(--spacing-xxl)0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.cta-content{z-index:1;position:relative}.cta-content h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:0 2px 4px #0000004d}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.cta-actions .btn{min-width:200px;box-shadow:var(--shadow-md);transition:all var(--transition)}.cta-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.empty-state{text-align:center;padding:var(--spacing-4xl)var(--spacing-2xl);color:var(--txt-gray);background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.empty-state i{margin-bottom:var(--spacing-lg);opacity:.5;color:var(--primary);font-size:4rem}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--txt-dark)}.empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--txt-gray)}@media (max-width:768px){.footer-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-bottom-content{text-align:center;flex-direction:column}.footer-bottom-links{justify-content:center}.photo-slider{height:300px}.slide-text h2{font-size:var(--font-size-xl)}.slide-text p{font-size:var(--font-size-base)}.slider-nav{width:40px;height:40px}.slider-prev{left:var(--spacing-md)}.slider-next{right:var(--spacing-md)}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(2,1fr)}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:300px}.newsletter-form{flex-direction:column}}@media (max-width:480px){.stats-grid,.categories-grid{grid-template-columns:1fr}.photo-slider{height:250px}.slide-content{padding:var(--spacing-lg)}.slide-text h2{font-size:var(--font-size-lg)}.slide-text p{font-size:var(--font-size-sm)}}.header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);contain:layout style;background:#ffffffeb;border:1px solid #fff6;border-radius:50px;width:92%;max-width:1000px;transition:background .3s,box-shadow .3s;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000000a}.header-main{justify-content:space-between;align-items:center;width:100%;height:56px;margin:0 auto;padding:.3rem 1.5rem;display:flex}body.dark .header{background:#242a38bf;border-color:#ffffff14;box-shadow:0 4px 20px #00000026}@media (max-width:480px){.header-main{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm)}}.promo-banner{text-align:center;width:100%;color:var(--txt-dark);padding:var(--spacing-sm)var(--spacing-lg);border-bottom:var(--border-light);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#dc26261a,#16a34a1a)}.logo{align-items:center;gap:var(--spacing-sm);color:inherit;transition:all var(--transition);text-decoration:none;display:flex}.logo:hover{transform:scale(1.05)}.logo-image-wrapper{align-items:center;display:inline-flex}.logo-image{width:auto;height:40px;transition:transform var(--transition);margin-right:.5rem;display:block}@media (max-width:768px){.logo-image{height:36px}}@media (max-width:480px){.logo-image{height:32px}}.logo:hover .logo-image{transform:scale(1.05)}.nav-main{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.nav-link{align-items:center;gap:var(--spacing-xs);color:#1a1a1a;font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;flex-shrink:0;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-alpha)}.nav-link i{font-size:16px}@media (max-width:480px){.header-actions{gap:var(--spacing-sm);margin-left:var(--spacing-sm)}}.btn.btn-icon.theme-toggle{background:var(--glass-light);border:var(--border-light);color:var(--txt-gray);cursor:pointer;width:36px;height:36px;transition:all var(--transition);min-width:unset;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}.btn.btn-icon.theme-toggle:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.auth-buttons{gap:var(--spacing-sm);display:flex}.mobile-menu-toggle{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--txt-gray);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast);display:none!important}.mobile-menu-toggle:hover{background:var(--primary);color:#fff}.mobile-menu-toggle.open{transform:rotate(90deg)}.mobile-nav{gap:var(--spacing-sm);flex-direction:column;display:flex}.mobile-nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--txt-gray);border-radius:var(--radius-md);transition:all var(--transition);font-weight:var(--font-weight-medium);text-decoration:none;display:flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dropdown-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.product-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.favorite-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.slider-nav:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.loading{cursor:not-allowed;opacity:.8;position:relative}.btn .btn-content{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.loading-spinner{will-change:transform;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-alpha);color:var(--primary)}.mobile-nav-link i{width:20px;font-size:18px}.dropdown-menu{z-index:1000;top:calc(100% + 45px);background:#fff;border:1px solid #00000014;border-radius:16px;min-width:280px;animation:.25s cubic-bezier(.4,0,.2,1) dropdownSlideIn;position:absolute;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014}.dropdown-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.dropdown-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.dropdown-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.dropdown-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark .dropdown-menu{background:var(--surface-primary,#171717);border-color:var(--border-primary,#262626);box-shadow:var(--shadow-xl)}.dropdown-header{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-md);border-bottom:1px solid var(--border-secondary,#0000000f);background:var(--surface-secondary,#00000005)}body.dark .dropdown-header{border-bottom-color:var(--border-primary,#262626);background:#ffffff08}.dropdown-header h4{margin:0 0 var(--spacing-xs)0;color:#1a1a1a;font-weight:var(--font-weight-semibold);font-size:15px}body.dark .dropdown-header h4{color:#fff}.dropdown-header p{color:#666;font-size:var(--font-size-sm);margin:0}body.dark .dropdown-header p{color:#fff9}.dropdown-item{align-items:center;gap:var(--spacing-sm);padding:14px var(--spacing-lg);color:#333;text-align:right;cursor:pointer;background:0 0;border:none;width:100%;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}body.dark .dropdown-item{color:var(--text-primary,#f5f5f5)}.dropdown-item:hover{background:var(--surface-hover,#0000000a);color:var(--text-brand,#dc2626)}body.dark .dropdown-item:hover{background:var(--surface-hover,#262626);color:var(--text-brand,#f87171)}.dropdown-item i{width:16px;font-size:16px}.notification-btn{background:var(--glass-light);border:var(--border-light);color:var(--txt-gray);position:relative}.notification-badge{background:var(--danger);color:#fff;width:18px;height:18px;font-size:10px;font-weight:var(--font-weight-bold);top:-5px;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.notification-badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-5px}.notification-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-5px}.notification-badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-5px}.notification-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-5px}.notifications-menu{z-index:999;top:calc(100% + 45px);background:#fff;border-radius:16px;min-width:320px;max-width:380px;animation:.2s ease-out userMenuSlideIn;position:absolute;overflow:hidden;box-shadow:0 10px 40px #00000026}.notifications-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.notifications-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.notifications-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.notifications-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}body.dark .notifications-menu{background:var(--surface-primary,#171717);border:1px solid var(--border-primary,#262626);box-shadow:var(--shadow-xl)}.notifications-menu .dropdown-header{color:#fff;background:linear-gradient(90deg,red 0%,#d10000 50%,#9e0000 100%);border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.notifications-menu .dropdown-header h4{color:#fff;margin:0;font-size:16px;font-weight:600}.notifications-menu .dropdown-header .btn-text{color:#ffffffe6;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:4px 8px;font-size:12px;transition:all .2s}.notifications-menu .dropdown-header .btn-text:hover{color:#fff;background:#ffffff40}.notifications-list{max-height:350px;padding:8px 0;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #0000000d;align-items:flex-start;gap:12px;padding:14px 20px;transition:all .15s;display:flex}body.dark .notification-item{border-bottom-color:var(--border-primary,#262626)}.notification-item:last-child{border-bottom:none}body.dark .notification-item:hover{background:var(--surface-hover,#262626)}body.dark .notification-item.unread{background:var(--status-error-bg,#dc26261a)}.notification-item.unread:before{content:"";background:red;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.notification-item.unread:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:8px}.notification-item.unread:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:8px}.notification-item.unread:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:8px}.notification-item.unread:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:8px}.notification-content{flex:1;min-width:0}.notification-content p{color:var(--text-primary,#171717);margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.4}body.dark .notification-content p{color:var(--text-primary,#f5f5f5)}.notification-content small{color:var(--text-secondary,#525252);font-size:12px;line-height:1.4;display:block}.empty-notifications{text-align:center;color:var(--txt-gray);padding:40px 20px}.empty-notifications svg{opacity:.5;width:48px;height:48px;margin-bottom:12px}.empty-notifications p{margin:0;font-size:14px}@media (max-width:768px){.notifications-menu{top:auto;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;min-width:100%;max-width:100%;max-height:70vh;animation:.3s ease-out userMenuSlideUp;position:fixed}.notifications-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.notifications-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.notifications-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.notifications-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.notifications-list{max-height:calc(70vh - 60px)}.notification-item{padding:16px 20px}}.user-avatar-btn{position:relative;overflow:hidden;border-radius:50%!important}.user-avatar-btn .user-avatar-img,.user-avatar-btn img{object-fit:cover;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%}.user-avatar-btn .avatar-fallback{width:100%;height:100%;color:var(--txt-gray);border-radius:50%;justify-content:center;align-items:center;display:flex}.dropdown-overlay{z-index:998;background:0 0;position:fixed;top:0;bottom:0;left:0;right:0}.user-dropdown{z-index:999;top:calc(100% + 45px);background:#fff;border-radius:16px;min-width:280px;animation:.2s ease-out userMenuSlideIn;position:absolute;overflow:hidden;box-shadow:0 10px 40px #00000026}.user-dropdown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.user-dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.user-dropdown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.user-dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}body.dark .user-dropdown{background:var(--surface-primary,#171717);border:1px solid var(--border-primary,#262626);box-shadow:var(--shadow-xl)}@keyframes userMenuSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.user-dropdown .dropdown-header{color:#fff;background:linear-gradient(90deg,red 0%,#d10000 50%,#9e0000 100%);border-bottom:none;align-items:center;gap:12px;padding:20px 16px;display:flex}.user-dropdown .dropdown-avatar{background:#fff3;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.user-dropdown .dropdown-avatar img{object-fit:cover;width:100%;height:100%}.user-dropdown .dropdown-avatar svg{color:#fff}.user-dropdown .dropdown-user-info{flex:1;min-width:0}.user-dropdown .dropdown-user-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.user-dropdown .dropdown-user-info p{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.user-dropdown .dropdown-body{padding:8px 0}.user-dropdown .dropdown-item{color:var(--text-primary,#171717);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}body.dark .user-dropdown .dropdown-item{color:var(--text-primary,#f5f5f5)}.user-dropdown .dropdown-item:hover{background:var(--surface-hover,#0000000a)}body.dark .user-dropdown .dropdown-item:hover{background:var(--surface-hover,#262626)}.user-dropdown .dropdown-item svg{color:var(--text-secondary,#525252);flex-shrink:0}body.dark .user-dropdown .dropdown-item svg{color:var(--text-secondary,#a3a3a3)}.user-dropdown .dropdown-item span{flex:1}.user-dropdown .dropdown-footer{border-top:1px solid var(--border-primary,#e5e5e5);padding:8px 0}body.dark .user-dropdown .dropdown-footer{border-top-color:var(--border-primary,#262626);border-top-color:#ffffff1a}.user-dropdown .logout-btn{color:#ef4444!important}.user-dropdown .logout-btn svg{color:#ef4444}.user-dropdown .logout-btn:hover{background:#ef44441a}@media (max-width:768px){.user-dropdown{top:auto;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;min-width:100%;max-height:85vh;animation:.3s ease-out userMenuSlideUp;position:fixed;overflow-y:auto}.user-dropdown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.user-dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.user-dropdown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.user-dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}@keyframes userMenuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dropdown-overlay{background:#00000080;animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-dropdown .dropdown-header{padding:24px 20px}.user-dropdown .dropdown-avatar{width:64px;height:64px}.user-dropdown .dropdown-user-info h4{font-size:18px}.user-dropdown .dropdown-user-info p{font-size:14px}.user-dropdown .dropdown-item{padding:16px 20px;font-size:15px}.user-dropdown .dropdown-body,.user-dropdown .dropdown-footer{padding:12px 0}}@media (max-width:480px){.user-dropdown .dropdown-avatar{width:52px;height:52px}}@media (max-width:1024px){.nav-main{display:none!important}.mobile-menu-toggle{display:flex!important}.user-menu,.notifications-dropdown,.auth-buttons{display:none!important}}@media (max-width:768px){.header-actions{gap:var(--spacing-sm)}.mobile-menu-toggle{display:flex!important}.dropdown-menu{border-radius:20px 20px 0 0;min-width:100%;max-height:70vh;animation:.3s cubic-bezier(.4,0,.2,1) dropdownSlideUp;position:fixed;top:auto;bottom:0;left:0;right:0;overflow-y:auto}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-md)}.dropdown-item{padding:16px var(--spacing-lg)}}@media (max-width:480px){.header-main{padding:var(--spacing-sm)var(--spacing-md)}.logo h1{font-size:var(--font-size-lg)}.logo-icon{width:32px;height:32px;font-size:1rem}.header-actions{gap:var(--spacing-xs)}.theme-toggle,.mobile-menu-toggle{padding:var(--spacing-xs)}}.header.scrolled .header-main{padding-block:var(--spacing-xs);background:#fffffff2}.btn{letter-spacing:.3px;border-radius:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-id-badge{background:var(--bg-light);color:var(--txt-gray);border-radius:4px;margin-top:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;display:inline-block}.header{z-index:1000;padding:var(--spacing-md)var(--spacing-lg);pointer-events:none;position:sticky;top:0}.header-main{background:var(--header-glass-light);-webkit-backdrop-filter:blur(12px);padding:var(--spacing-sm)var(--spacing-lg);pointer-events:auto;border:1px solid #fff3;border-radius:16px;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000d}body.dark .header-main{background:var(--header-glass-dark);border-color:#ffffff0d;box-shadow:0 4px 20px #0003}.filters-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);border:var(--border-light)}.form-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--txt-gray)}.form-input,.form-select{padding:var(--spacing-sm)var(--spacing-md);border:var(--border-light);border-radius:var(--radius-md);background:var(--bg-light);transition:all var(--transition)}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.user-id-badge{background:var(--bg-light);color:var(--txt-gray);-webkit-user-select:all;user-select:all;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;display:inline-block}.header-floating{z-index:1000;padding:var(--spacing-sm)0;transition:all var(--transition);position:fixed;top:.6rem;left:0;right:0}.header-pill{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);min-height:64px;max-width:var(--container-max-width);background:#ffffffd9;border:1px solid #ffffff4d;width:95%;margin:0 auto;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 30px #00000014}@media (max-width:1024px){.header-pill{gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md)}}@media (max-width:768px){.header-floating{padding:var(--spacing-xs)16px;justify-content:center;align-items:center;display:flex}.header-pill{width:min(92%,520px);min-height:52px;padding:var(--spacing-xxs)var(--spacing-md);border-radius:999px;justify-content:space-between;align-items:center}.header-pill .logo{flex-shrink:0}.header-floating .header-actions{flex-flow:row;align-items:center;gap:10px;margin:0;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.header-floating .header-actions:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-md)}.header-floating .header-actions:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing-md)}.header-floating .header-actions:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-md)}.header-floating .header-actions:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-md)}.header-floating .header-actions .header-icon-btn{flex:none;width:36px;height:36px}.header-floating .header-actions .notifications-dropdown,.header-floating .header-actions .user-menu,.header-floating .header-actions .auth-buttons,.header-floating .header-actions .header-icon-btn:not(.theme-toggle-btn):not(.mobile-menu-toggle){display:none!important}}@media (max-width:480px){.header-pill{width:min(92%,380px);min-height:48px;padding:4px 16px}.header-floating .header-actions .header-icon-btn{width:32px;height:32px}.logo-image{height:30px}}.header-pill:hover{box-shadow:0 8px 40px #0000001f}body.dark .header-pill{background:#171717;border:1px solid #ffffff1a;box-shadow:0 4px 30px #0000004d}body.dark .header-pill:hover{box-shadow:0 8px 40px #0006}.header-icon-btn{color:#1a1a1a;cursor:pointer;background:#0000000d;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header-icon-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #ec131f4d}.header-icon-btn:active{transform:scale(.95)}body.dark .header-icon-btn{color:var(--txt-primary);background:#ffffff14;border:1px solid #ffffff1f}body.dark .header-icon-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 15px #ec131f66}.header-icon-btn.auth-btn{color:#1a1a1a;background:#fffffff2;border:1px solid #00000014;box-shadow:0 2px 8px #00000014}.header-icon-btn.auth-btn:hover{background:#fff;transform:scale(1.08);box-shadow:0 4px 12px #0000001f}.header-icon-btn.auth-btn.primary{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);color:#fff;border:none;box-shadow:0 4px 15px #ec131f4d}.header-icon-btn.auth-btn.primary:hover{transform:scale(1.08);box-shadow:0 6px 20px #ec131f66}body.dark .header-icon-btn.auth-btn{color:#fff;background:#ffffff1a;border-color:#ffffff1a}body.dark .header-icon-btn.auth-btn:hover{background:#ffffff26}body.dark .header-icon-btn.auth-btn.primary{background:linear-gradient(135deg,var(--primary)0%,#ff4757 100%);color:#fff}.header-icon-btn.user-avatar-btn{border-radius:50%;padding:0;overflow:hidden}.header-icon-btn.user-avatar-btn img,.header-icon-btn.user-avatar-btn .user-avatar-img{object-fit:cover;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%}.header-icon-btn .notification-badge{background:var(--primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;display:flex;position:absolute;top:-2px;right:-2px}body.dark .header-icon-btn .notification-badge{border-color:var(--bg-dark)}@media (max-width:768px){.header-icon-btn.user-avatar-btn{border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;overflow:hidden}.header-icon-btn.user-avatar-btn img,.header-icon-btn.user-avatar-btn .user-avatar-img{object-fit:cover;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%}}@media (max-width:480px){.header-icon-btn.user-avatar-btn{width:32px;min-width:32px;height:32px;min-height:32px}}.auth-buttons{align-items:center;gap:var(--spacing-xs);display:flex}.fab-container{z-index:999;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:24px;left:24px}.fab-container.visible .fab-main{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards fabBounceIn}@keyframes fabBounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.fab-backdrop{z-index:-1;opacity:0;background:#0000004d;animation:.2s forwards fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.fab-main{background:var(--primary);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px #0003}.fab-main:hover{box-shadow:0 8px 15px #0003,0 3px 24px #0000002e,0 5px 8px #00000040}.fab-main:active{box-shadow:0 10px 20px #00000040,0 4px 30px #00000038,0 6px 10px #0000004d}.fab-main.open{background:#555;transform:rotate(45deg)}.fab-main svg{transition:transform .3s}body.dark .fab-main{background:var(--primary)}body.dark .fab-main.open{background:#fff3}.fab-actions{pointer-events:none;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:70px;left:0}.fab-actions.open{pointer-events:auto}.fab-action{color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;transform:scale(0);box-shadow:0 4px 8px #00000024,0 1px 14px #0000001f,0 2px 4px #0003}.fab-action .fab-label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#323232e6;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;position:absolute;right:60px;transform:translate(10px)}.fab-action:hover .fab-label{opacity:1;transform:translate(0)}.fab-actions.open .fab-action{opacity:1;transform:scale(1)}.fab-actions.open .fab-action:first-child{transition-delay:.1s}.fab-actions.open .fab-action:nth-child(2){transition-delay:50ms}.fab-actions:not(.open) .fab-action:first-child{transition-delay:0s}.fab-actions:not(.open) .fab-action:nth-child(2){transition-delay:50ms}.fab-action:hover{transform:scale(1.15);box-shadow:0 6px 12px #0003,0 2px 18px #00000029,0 3px 6px #00000040}.fab-action:active{transform:scale(.95)}.fab-chat{background:linear-gradient(135deg,#667eea,#764ba2)}.fab-support{background:linear-gradient(135deg,#00b894,#00cec9)}body.dark .fab-action{box-shadow:0 4px 8px #0000004d,0 1px 14px #00000040,0 2px 4px #00000059}@media (max-width:768px){.fab-container{bottom:20px;left:20px}.fab-main{width:52px;height:52px}.fab-action{width:44px;height:44px}.fab-actions{gap:14px;bottom:64px}.fab-action .fab-label{display:none}}.hero-section-modern{padding:0;position:relative;overflow:hidden}.hero-container-centered{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 32px);max-width:1200px;margin-left:auto;margin-right:auto;padding:12px 0 20px;display:flex}.hero-gradient-band{border-radius:var(--radius-xl);color:#fff;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#7f1d1d 100%);justify-content:center;align-items:center;width:100%;min-height:400px;padding:4rem 2rem 5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #dc262666,0 8px 20px #0003}@media (max-width:768px){.hero-section-modern{padding:0}.container.hero-container-centered{padding:0 0 24px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 32px);max-width:calc(100% - 32px);margin-bottom:24px;margin-left:auto;margin-right:auto;padding-inline-start:0;padding-inline-end:0;display:flex}.hero-gradient-band{border-radius:16px;width:100%;min-height:280px;margin:0;padding:2rem 1.5rem 2.5rem;box-shadow:0 12px 40px #dc262659,0 4px 12px #00000026}.hero-content-wrapper{max-width:100%;padding:0}.hero-title-modern{margin-bottom:.5rem;font-size:1.5rem;line-height:1.3}.hero-gradient-band .text-lg{opacity:.9;margin-bottom:1rem;font-size:.875rem}.hero-search-container{max-width:100%;margin:1rem auto;padding:.375rem}.hero-search-input{padding:.625rem .75rem;font-size:.9rem}.hero-search-btn{width:40px;height:40px}.hero-search-btn i,.hero-search-btn svg{width:18px;height:18px}.hero-add-product-btn{gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem}.hero-add-product-btn i,.hero-add-product-btn svg{width:18px;height:18px}}@media (max-width:480px){.hero-section-modern{padding:0}.container.hero-container-centered{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:0;padding-inline-start:0;padding-inline-end:0}.hero-gradient-band{border-radius:14px;width:100%;min-height:240px;margin:0;padding:1.5rem 1.25rem 2rem}.hero-title-modern{font-size:1.25rem}.hero-gradient-band .text-lg{font-size:.8rem}.hero-search-container{margin:.75rem auto;padding:.25rem}.hero-search-input{padding:.5rem .625rem;font-size:.85rem}.hero-search-btn{width:36px;height:36px}.hero-add-product-btn{padding:.625rem 1.25rem;font-size:.85rem}}.hero-gradient-band:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:8s linear infinite heroShine;position:absolute;top:-50%;left:-50%}@keyframes heroShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content-wrapper{z-index:2;max-width:800px;margin:0 auto;position:relative}.hero-title-modern{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-md);line-height:1.2}.hero-search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-sm);border-radius:var(--radius-full);margin:var(--spacing-xl)auto;max-width:600px;transition:transform var(--transition);background:#ffffff26;border:1px solid #fff3;align-items:center;display:flex}.hero-search-container:hover{background:#ffffff40;transform:translateY(-2px)}.hero-search-input{color:#fff;padding:var(--spacing-md);font-size:var(--font-size-lg);background:0 0;border:none;outline:none;flex:1;font-family:Almarai,sans-serif}.hero-search-container:focus-within{box-shadow:none;outline:none}.hero-search-input::placeholder{color:#fffc}.hero-search-btn{color:var(--primary);border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;transition:transform var(--transition);background:#fff;border:none;justify-content:center;align-items:center;display:flex}.hero-search-btn:hover{transform:scale(1.1)}.hero-add-product-btn{color:#dc2626;background:#fff;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 2.5rem;font-family:Almarai,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 25px #0003}.hero-add-product-btn i,.hero-add-product-btn svg{width:22px;height:22px}.hero-add-product-btn:hover{background:#fff5f5;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #0000004d}.hero-add-product-btn:active{transform:translateY(-1px)scale(1)}body.dark .hero-add-product-btn{color:#f87171;background:#171717;border:1px solid #ffffff1a}body.dark .hero-add-product-btn:hover{color:#fca5a5;background:#262626}.home-error{color:#7f1117;background:#ec131f14;border:1px solid #ec131f4d;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem auto 0;padding:1.25rem 1.5rem;display:flex}body.dark .home-error{color:#ffd5d8;background:#ec131f2e;border-color:#ffffff1a}.home-error .btn{margin:0}.stats-error-message{text-align:center;color:#b71c1c;margin-top:1rem;font-weight:600}body.dark .stats-error-message{color:#ffb4b4}.category-chips{display:none}.category-chip{color:#fff;background-color:#ffffff26;border:1px solid #fff3;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Almarai,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.category-chip i,.category-chip svg{width:16px;height:16px;display:inline-block}.category-chip:hover{background-color:#ffffff40;border-color:#fff6}.stats-grid-modern{gap:var(--spacing-lg);z-index:10;padding:0 var(--spacing-lg)24px var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:-40px;display:grid;position:relative}.stat-card-modern{background:var(--glass-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:var(--spacing-md);transition:transform var(--transition);border:1px solid #fff6;border-radius:24px;display:flex}body.dark .stat-card-modern{background:#171717d9;border-color:#ffffff1a}.stat-card-modern:hover{transform:translateY(-5px)}.stat-card-modern h3,.stat-card-modern .h3{color:#171717;font-weight:700}.stat-card-modern p,.stat-card-modern .text-sm{color:#525252}body.dark .stat-card-modern h3,body.dark .stat-card-modern .h3{color:#f5f5f5}body.dark .stat-card-modern p,body.dark .stat-card-modern .text-sm{color:#a3a3a3}.stat-icon-box{background:var(--primary-alpha);width:56px;height:56px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (max-width:768px){.stats-grid-modern{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:12px;margin-top:-24px;padding:0 16px 24px;display:flex;overflow-x:auto}.stats-grid-modern::-webkit-scrollbar{display:none}.stat-card-modern{scroll-snap-align:start;text-align:center;border-radius:16px;flex-direction:column;flex:none;gap:8px;min-width:140px;max-width:160px;padding:16px 12px}.stat-card-modern h3,.stat-card-modern .h3{margin:0;font-size:1.125rem;font-weight:700}.stat-card-modern p,.stat-card-modern .text-sm{opacity:.8;margin:0;font-size:.75rem}.stat-icon-box{border-radius:12px;width:44px;height:44px;font-size:1.125rem}.stat-icon-box i,.stat-icon-box svg{width:22px;height:22px}}@media (max-width:480px){.stats-grid-modern{gap:10px;margin-top:-20px;padding:0 12px 10px}.stat-card-modern{border-radius:14px;min-width:120px;max-width:140px;padding:14px 10px}.stat-card-modern h3,.stat-card-modern .h3{font-size:1rem}.stat-card-modern p,.stat-card-modern .text-sm{font-size:.7rem}.stat-icon-box{border-radius:8px;width:32px;height:32px}.stat-icon-box i,.stat-icon-box svg{width:16px;height:16px}}.product-card-modern{background:var(--glass-light);border-radius:var(--radius-lg);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;border:1px solid #ffffff4d;text-decoration:none;display:block;position:relative;overflow:hidden}.product-card-modern:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-alpha);transform:translateY(-8px)scale(1.01)}.product-card-modern .product-image{aspect-ratio:4/3;height:auto}.download-app-section{padding:var(--spacing-3xl)0;background:linear-gradient(90deg,red 0%,#ab0707 50%,#820101 100%);position:relative;overflow:hidden}.download-app-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}.download-app-section .container{z-index:1;position:relative}.download-card{justify-content:space-between;align-items:center;gap:var(--space-8);max-width:1000px;margin:0 auto;display:flex}.download-content{color:#fff;flex:1;min-width:0}.download-badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;display:inline-flex}.download-badge svg{width:14px;height:14px}.download-content h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-2)0;line-height:1.2}.download-content p{font-size:var(--text-base);color:#ffffffd9;margin:0 0 var(--space-5)0;line-height:1.6}.app-features{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.app-feature{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6;display:flex}.app-feature svg{color:#fff;width:18px;height:18px}.store-buttons{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.store-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);color:#171717;border-radius:var(--radius-xl);transition:all var(--duration-fast);background:#fff;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #0003}body.dark .store-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3}.store-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}body.dark .store-btn:hover{background:#fff3}.store-btn svg{color:#dc2626;width:24px;height:24px}body.dark .store-btn svg{color:#fff}.store-btn small{color:#737373;font-size:10px;line-height:1;display:block}.store-btn span{font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.2;display:block}body.dark .store-btn span{color:#fff}.download-stats{gap:var(--space-6);display:flex}.download-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.download-stat strong{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff}.download-stat span{font-size:var(--text-xs);color:#ffffffb3}.phone-mockup-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.phone-mockup-image{filter:drop-shadow(0 30px 60px #0006);width:100%;max-width:280px;height:auto;transition:transform .4s;animation:4s ease-in-out infinite phoneFloat}.phone-mockup-image:hover{animation-play-state:paused;transform:scale(1.05)}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.download-app-section{padding:var(--spacing-2xl)0}.download-card{text-align:center;gap:var(--space-6);flex-direction:column-reverse}.download-content h2{font-size:var(--text-2xl)}.download-badge{margin-inline-start:auto;margin-inline-end:auto}.app-features,.store-buttons,.download-stats{justify-content:center}.phone-mockup-image{max-width:200px}}.phone-mockup-3d{background:linear-gradient(145deg,#09090f,#171b2a);border:14px solid #1e1f2a;border-radius:48px;width:280px;height:580px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:rotateY(-15deg)rotateX(5deg);box-shadow:35px 35px 60px #00000059,inset -2px -2px 5px #ffffff12,0 0 0 2px #ffffff0a}.phone-mockup-3d:before{content:"";opacity:.8;pointer-events:none;background:linear-gradient(120deg,#ffffff14,#0000 60%);border:1px solid #ffffff14;border-radius:40px;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.phone-mockup-3d:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff1f,#0000 45%);position:absolute;top:0;bottom:0;left:0;right:0}.phone-mockup-3d:hover{transform:rotateY(-5deg)rotateX(2deg)scale(1.02);box-shadow:15px 15px 30px #00000040,inset -2px -2px 5px #ffffff1a,0 0 0 2px #ffffff0f}.phone-screen:after{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 20%,#ffffffb3,#0000 40%),linear-gradient(160deg,#05050a0d,#0006);position:absolute;top:0;bottom:0;left:0;right:0}.app-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fff6;border-radius:16px;align-items:center;gap:12px;width:88%;padding:12px 16px;animation:.8s cubic-bezier(.34,1.56,.64,1) .5s backwards slideDown,4s ease-in-out infinite floatPulse;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000001f}body.dark .app-notification{color:#fff;background:#1e1e1ee6;border-color:#ffffff1a}body.dark .app-notification div{color:#fff!important}body.dark .app-notification div[style*="color: #666"]{color:#ffffffb3!important}.app-notification-icon{background:var(--success);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 8px 15px #16a34a59}@keyframes floatPulse{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}.store-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.store-btn{color:#fff;padding:var(--spacing-md)var(--spacing-xl);align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#050505,#1b1b1b);border:1px solid #ffffff40;border-radius:999px;min-width:220px;text-decoration:none;transition:transform .25s,box-shadow .25s,color .2s;display:inline-flex;position:relative;overflow:hidden}body.dark .store-btn{color:#fefefe;background:linear-gradient(135deg,#ffffff0d,#ffffff1f);border-color:#ffffff26}.store-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 25px #0003}body.dark .store-btn:hover{background:var(--primary);border-color:var(--primary)}.store-btn:after{content:"";opacity:.4;pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff40,#0000 55%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.store-btn:hover:after{opacity:.7}body.dark .store-btn small{color:#ffffffb3}.store-btn i{font-size:24px}@media (max-width:768px){.download-grid{text-align:center;grid-template-columns:1fr}.store-buttons{justify-content:center}.phone-mockup{margin-top:var(--spacing-xl);transform:none}.phone-mockup:hover{transform:none}}.product-card-modern .product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition),opacity var(--transition-slow)}.product-card-modern:hover .product-image img{transform:scale(1.05)}.cta-section-modern{padding:var(--spacing-4xl)0 0 0;text-align:center;justify-content:center;align-items:center;display:flex}.cta-section-modern .container{justify-content:center;width:100%;display:flex}.cta-gradient-box{border-radius:var(--radius-xl);padding:var(--spacing-3xl)var(--spacing-2xl);color:#fff;background:linear-gradient(90deg,red 0%,#ab0707 50%,#820101 100%);width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #f006,0 8px 20px #0003}.cta-gradient-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:8s linear infinite heroShine;position:absolute;top:-50%;left:-50%}.cta-gradient-box h2{color:#fff;margin-bottom:var(--spacing-md);z-index:1;position:relative}.cta-gradient-box p{color:#ffffffe6;margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg);z-index:1;position:relative}.cta-gradient-box .cta-actions{z-index:1;position:relative}.mobile-menu{z-index:9999;border:1px solid var(--border-primary,#e5e5e5);background:var(--surface-primary,#fff);border-radius:20px;max-height:calc(100vh - 120px);padding:0;animation:.25s ease-out forwards mobileMenuDrop;position:fixed;top:80px;left:16px;right:16px;overflow:hidden auto;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a}body.dark .mobile-menu{background:var(--surface-primary,#171717);border-color:var(--border-primary,#262626);box-shadow:0 20px 60px #0006,0 8px 20px #0000004d}@keyframes mobileMenuDrop{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-menu-header{color:#fff;background:linear-gradient(90deg,red 0%,#d10000 50%,#9e0000 100%);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-content{padding:0}.mobile-auth-btn{width:100%;margin-bottom:var(--spacing-xs);justify-content:center;border-radius:999px!important}.mobile-auth-buttons{flex-direction:column;gap:12px;padding:16px;display:flex}.mobile-menu .mobile-nav{flex-direction:column;gap:0;padding:0;display:flex}.mobile-menu .mobile-nav-link{color:var(--text-primary,#171717);border-bottom:1px solid var(--border-secondary,#f0f0f0);background:0 0;border-radius:0;align-items:center;gap:14px;padding:16px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}body.dark .mobile-menu .mobile-nav-link{border-bottom-color:var(--border-primary,#262626)}.mobile-menu .mobile-nav-link:last-child{border-bottom:none}.mobile-menu .mobile-nav-link:hover,.mobile-menu .mobile-nav-link.active{background:var(--surface-hover,#f5f5f5);color:#dc2626}body.dark .mobile-menu .mobile-nav-link:hover,body.dark .mobile-menu .mobile-nav-link.active{background:var(--surface-hover,#262626);color:#f87171}.mobile-menu .mobile-nav-link svg,.mobile-menu .mobile-nav-link i{width:20px;height:20px;color:var(--text-secondary,#525252);flex-shrink:0}body.dark .mobile-menu .mobile-nav-link svg,body.dark .mobile-menu .mobile-nav-link i{color:var(--text-secondary,#a3a3a3)}.mobile-menu .mobile-nav-link:hover svg,.mobile-menu .mobile-nav-link.active svg{color:#dc2626}body.dark .mobile-menu .mobile-nav-link:hover svg,body.dark .mobile-menu .mobile-nav-link.active svg{color:#f87171}.mobile-user-section{color:#fff;background:linear-gradient(90deg,red 0%,#d10000 50%,#9e0000 100%);margin:0;padding:20px}.mobile-user-info{align-items:center;gap:16px;display:flex}.mobile-user-avatar,img.mobile-user-avatar{flex-shrink:0;box-shadow:0 4px 12px #00000040;object-fit:cover!important;visibility:visible!important;opacity:1!important;border:2px solid #fff6!important;border-radius:50%!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;display:block!important}.mobile-user-avatar-placeholder{color:#fff;background:#fff3;border:2px solid #fff6;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;min-height:52px;display:flex;box-shadow:0 4px 12px #00000040;border-radius:50%!important}.mobile-user-avatar-placeholder svg{width:24px;height:24px}.mobile-user-details{flex-direction:column;min-width:0;display:flex}.mobile-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.mobile-user-email{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobile-auth-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.mobile-auth-btn{border-radius:9999px;justify-content:center}.mobile-menu .logout-btn-wrapper{border-top:1px solid var(--border-secondary,#f0f0f0);padding:16px 20px}body.dark .mobile-menu .logout-btn-wrapper{border-top-color:var(--border-primary,#262626)}.mobile-menu .logout-link{cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;color:#ef4444!important}body.dark .mobile-menu .logout-link{background:#ef444426;border-color:#ef44444d}.mobile-menu .logout-link svg{width:20px;height:20px;color:#ef4444!important}.mobile-menu .logout-link:hover{border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d;color:#fff!important;background:#ef4444!important}.mobile-menu .logout-link:hover svg{color:#fff!important}.logout-link{color:var(--danger)!important}.logout-link:hover{background:var(--danger-alpha)!important}.category-chip i{width:16px;height:16px;margin-inline-end:6px}.phone-mockup-3d{width:280px;height:560px;transform-style:preserve-3d;background:#111;border:12px solid #2a2a2a;border-radius:40px;margin:0 auto;transition:transform .5s;position:relative;transform:rotateY(-15deg)rotateX(10deg);box-shadow:0 0 0 2px #444,20px 20px 50px #0000004d}.phone-mockup-3d:hover{transform:rotateY(-5deg)rotateX(5deg)}.phone-screen{background:url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80) 50%/cover;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.phone-notch{z-index:10;background:#2a2a2a;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;align-items:center;gap:12px;padding:12px 20px;animation:4s ease-in-out infinite float;display:flex;position:absolute;top:15%;left:-40px;right:-40px;transform:translateZ(30px);box-shadow:0 10px 30px #00000026}@keyframes float{0%,to{transform:translateZ(30px)translateY(0)}50%{transform:translateZ(30px)translateY(-10px)}}.app-notification-icon{background:var(--success);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer{background:var(--glass-light);padding-top:var(--spacing-3xl);margin-top:var(--spacing-4xl);border-top:1px solid #0000000d}.footer-section h4{color:var(--txt-dark);margin-bottom:var(--spacing-lg);font-weight:800;display:inline-block;position:relative}.footer-section h4:after{content:"";background:var(--primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-8px;right:0}.footer-links li a{color:var(--txt-gray);padding:4px 0;transition:all .2s;display:block}.footer-links li a:hover{color:var(--primary);transform:translate(-5px)}.social-link{color:var(--txt-dark);background:#fff;border:1px solid #0000001a;transition:all .3s}.social-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px)}.auth-buttons .btn{border-radius:var(--radius-full)}.products-page-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:768px){.products-page-header{flex-direction:row;justify-content:space-between;align-items:center}}.products-header-title h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--txt-dark);margin:0}.products-header-title span{color:var(--txt-muted);font-size:var(--font-size-sm)}.products-header-actions{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.categories-strip{gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-xs);margin-bottom:var(--spacing-xl);scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;display:flex;overflow-x:auto}.category-chip{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--glass-light);border:var(--border-light);white-space:nowrap;cursor:pointer;transition:all var(--transition);color:var(--txt-gray);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:50px;display:flex}.category-chip:hover{background:var(--bg-light);transform:translateY(-2px)}.category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md)}.category-chip i{width:18px;height:18px}.products-layout{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid;position:relative}@media (min-width:992px){.products-layout{grid-template-columns:280px 1fr}}.filters-sidebar{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:-moz-fit-content;height:fit-content;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);display:none;position:sticky;top:100px}@media (min-width:992px){.filters-sidebar{display:block}}.filter-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:var(--border-light)}.filter-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.filter-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--txt-gray);display:flex}.filter-checkbox input{accent-color:var(--primary)}.mobile-filters-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-md);color:var(--txt-dark);font-weight:var(--font-weight-medium);width:100%;margin-bottom:var(--spacing-lg);justify-content:center;display:flex}@media (min-width:992px){.mobile-filters-btn{display:none}}.filters-drawer-overlay{z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition);background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.filters-drawer-overlay.open{opacity:1;visibility:visible}.filters-drawer{background:var(--glass-light);border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:var(--spacing-xl);z-index:1001;transition:transform var(--transition);max-height:85vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.filters-drawer.open{transform:translateY(0)}.drawer-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.drawer-close{cursor:pointer;color:var(--txt-gray);background:0 0;border:none;font-size:1.5rem}.search-input-wrapper{min-width:250px;position:relative}.search-input-wrapper i{right:var(--spacing-md);color:var(--txt-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);padding-right:var(--spacing-2xl);border-radius:var(--radius-full);border:var(--border-light);background:var(--glass-light);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transition:all var(--transition)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.sort-select{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-light);background:var(--glass-light);color:var(--txt-dark);cursor:pointer}.price-range-inputs{gap:var(--spacing-sm);align-items:center;display:flex}.price-input{width:100%;padding:var(--spacing-xs)var(--spacing-sm);border:var(--border-light);border-radius:var(--radius-sm);background:var(--bg-light)}.products-page-container{padding-top:var(--spacing-xl);max-width:1400px}.products-page-header{margin-bottom:var(--spacing-xl);background:0 0}.header-top-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:768px){.header-top-row{flex-direction:row;justify-content:space-between;align-items:center}}.products-title{align-items:center;gap:var(--spacing-sm);display:flex}.products-title h1{color:var(--txt-dark);font-size:1.5rem;font-weight:800}.count-badge{background:var(--bg-light);color:var(--txt-muted);border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600}.search-bar-container{flex:1;max-width:600px}.search-input-wrapper{position:relative}.search-input{border:var(--border-light);background:var(--glass-light);border-radius:12px;width:100%;padding:12px 48px 12px 16px;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-icon{color:var(--txt-muted);width:20px;height:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.categories-strip-wrapper{margin:0 calc(var(--spacing-md)*-1);padding:0 var(--spacing-md);overflow:hidden}.categories-strip{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.categories-strip::-webkit-scrollbar{display:none}.category-chip{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:72px;padding:12px 8px;transition:all .2s;display:flex}.category-chip.active{background:var(--primary-light);border-color:var(--primary)}.category-chip.active span{color:var(--primary);font-weight:700}.chip-icon{background:var(--bg-light);width:48px;height:48px;color:var(--txt-gray);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.category-chip.active .chip-icon{background:var(--primary);color:#fff}.category-chip span{color:var(--txt-gray);font-size:.85rem}.quick-filters-row{border-top:var(--border-light);gap:10px;margin-top:8px;padding:16px 0;display:flex;overflow-x:auto}.quick-filter-chip{background:var(--glass-light);border:var(--border-light);color:var(--txt-gray);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.quick-filter-chip:hover{border-color:var(--txt-muted)}.mobile-filter-trigger{background:var(--bg-light);margin-right:auto;font-weight:600}@media (min-width:992px){.mobile-filter-trigger{display:none}}.products-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:992px){.products-layout{grid-template-columns:280px 1fr}}.filters-sidebar{background:var(--glass-light);border:var(--border-light);border-radius:16px;height:-moz-fit-content;height:fit-content;padding:20px;display:none;position:sticky;top:20px}@media (min-width:992px){.filters-sidebar{display:block}}.sidebar-header{border-bottom:var(--border-light);margin-bottom:20px;padding-bottom:16px}.filter-accordion-item{border-bottom:var(--border-light);margin-bottom:12px}.filter-accordion-item:last-child{border-bottom:none}.filter-accordion-header{width:100%;color:var(--txt-dark);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 0;font-weight:600;display:flex}.filter-accordion-body{padding-bottom:16px}.modern-select{border:var(--border-light);background:var(--bg-light);border-radius:8px;width:100%;padding:10px}.radio-group{flex-direction:column;gap:10px;display:flex}.radio-label{cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.radio-label input{accent-color:var(--primary)}@media (min-width:576px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;background:var(--glass-light);border:1px dashed var(--border-light);border-radius:16px;padding:60px 20px}.empty-icon-wrapper{background:var(--bg-light);width:80px;height:80px;color:var(--txt-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-icon-wrapper i{width:40px;height:40px}.load-more-btn{min-width:200px}.filters-drawer{flex-direction:column;display:flex}.drawer-footer{border-top:var(--border-light);background:var(--glass-light);padding:20px}@media (min-width:768px){.toolbar-content{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:992px){.filters-sidebar{margin-left:var(--spacing-lg);display:block}.row{flex-wrap:wrap;display:flex}.filters-sidebar{margin-left:20px}}:root{--header-height:70px;--toolbar-height:60px;--categories-height:50px;--primary:#dc2626;--primary-dark:#b91c1c;--bg-light:#fafafa;--border-light:#e5e5e5;--txt-dark:#171717;--txt-gray:#525252;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a}.products-page-container{background-color:var(--bg-light);min-height:100vh;padding-bottom:40px}.header-spacer{height:var(--header-height);width:100%}.products-toolbar{border-bottom:1px solid var(--border-light);height:var(--toolbar-height);top:var(--header-height);z-index:90;box-shadow:var(--shadow-sm);background:#fff;align-items:center;display:flex;position:sticky}.toolbar-inner{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.search-wrapper{flex:1;align-items:center;max-width:600px;display:flex;position:relative}.search-wrapper input{border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-light);width:100%;height:40px;padding:0 40px 0 16px;font-size:.95rem;transition:all .2s}.search-wrapper input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:var(--txt-gray);pointer-events:none;width:18px;height:18px;position:absolute;right:12px}.clear-search-btn{color:var(--txt-gray);cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;left:12px}.toolbar-actions{align-items:center;gap:12px;display:flex}.sort-wrapper{align-items:center;display:flex;position:relative}.sort-select{-webkit-appearance:none;appearance:none;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--txt-dark);cursor:pointer;background:#fff;min-width:120px;padding:8px 32px 8px 16px;font-size:.9rem}.sort-icon{width:16px;height:16px;color:var(--txt-gray);pointer-events:none;position:absolute;right:10px}.filter-toggle-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--txt-dark);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.categories-strip{border-bottom:1px solid var(--border-light);height:var(--categories-height);top:calc(var(--header-height) + var(--toolbar-height));z-index:89;background:#fff;align-items:center;display:flex;position:sticky}.categories-scroll{scrollbar-width:none;align-items:center;gap:12px;height:100%;padding:0 4px;display:flex;overflow-x:auto}.category-pill{background:var(--bg-light);border-radius:var(--radius-full);color:var(--txt-gray);white-space:nowrap;cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;transition:all .2s;display:flex}.category-pill:hover{color:var(--primary);background:#dc262614}.category-pill.active{background:var(--primary);color:#fff;font-weight:500}.category-pill i{width:16px;height:16px}.products-main-layout{align-items:flex-start;gap:24px;padding-top:24px;display:flex}.filters-sidebar{border:1px solid var(--border-light);border-radius:var(--radius-lg);width:280px;top:calc(var(--header-height) + var(--toolbar-height) + var(--categories-height) + 24px);background:#fff;flex-shrink:0;max-height:calc(100vh - 200px);position:sticky;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-header h3{margin:0;font-size:1rem;font-weight:700}.reset-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.filter-section{border-bottom:1px solid var(--border-light)}.filter-section:last-child{border-bottom:none}.filter-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.filter-header:hover{background:var(--bg-light)}.filter-body{padding:0 16px 16px}.filter-select{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;padding:8px}.price-inputs{gap:8px;margin-bottom:8px;display:flex}.btn-apply-price{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:8px;font-size:.9rem}.radio-option{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-option{cursor:pointer;align-items:center;gap:8px;padding:14px 16px;display:flex}.checkbox-box{border:2px solid var(--border-light);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.checkbox-option input:checked+.checkbox-box{background:var(--primary);border-color:var(--primary)}.checkbox-option input{display:none}.products-grid-area{flex:1;width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.product-card-pro{border:1px solid var(--border-light);border-radius:var(--radius-lg);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.product-card-pro:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-4px)}.pro-card-image{background:#f1f5f9;padding-top:75%;position:relative;overflow:hidden}.pro-card-image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.pro-fav-btn{cursor:pointer;width:32px;height:32px;color:var(--txt-gray);z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:10px;left:10px}.pro-fav-btn:hover,.pro-fav-btn.active{color:#ef4444;transform:scale(1.1)}.pro-badge{z-index:2;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:10px}.pro-badge.featured{color:#fff;background:#f59e0b}.pro-badge.new{color:#fff;background:#10b981}.pro-card-details{flex-direction:column;flex:1;padding:12px;display:flex}.pro-title{color:var(--txt-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.pro-meta{color:var(--txt-gray);align-items:center;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.pro-meta span{align-items:center;gap:4px;display:flex}.pro-meta i{width:14px;height:14px}.pro-price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pro-price{color:var(--primary);font-size:1.1rem;font-weight:800}.filters-overlay{z-index:100;background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.filters-drawer{z-index:101;background:#fff;flex-direction:column;width:85%;max-width:320px;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-footer{border-top:1px solid var(--border-light);padding:16px}.btn-show-results{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;width:100%;padding:12px;font-weight:600}@media (max-width:991px){.desktop-only{display:none}.products-main-layout{display:block}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width:992px){.mobile-only{display:none}}@media (max-width:576px){.products-grid{grid-template-columns:1fr}}.products-page-wrapper{background-color:var(--bg-light);min-height:100vh;padding-bottom:var(--spacing-xl)}.products-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);padding:var(--spacing-md)0;z-index:100;background:#ffffffe6;position:sticky;top:70px}.toolbar-content{gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:768px){.toolbar-content{flex-direction:row;justify-content:space-between;align-items:center}}.toolbar-header{align-items:baseline;gap:var(--spacing-sm);display:flex}.page-title{color:var(--txt-dark);margin:0;font-size:1.5rem;font-weight:700}.results-count{color:var(--txt-gray);font-size:.9rem}.search-sort-wrapper{gap:var(--spacing-sm);flex:1;max-width:600px;display:flex}.search-bar-modern{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-full);padding:0 var(--spacing-md);flex:1;align-items:center;transition:all .2s;display:flex;position:relative}.search-bar-modern:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.search-icon{width:18px;height:18px;color:var(--txt-gray)}.search-bar-modern input{padding:var(--spacing-sm);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.clear-search{color:var(--txt-gray);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.clear-search:hover{color:var(--danger)}.sort-dropdown-wrapper{min-width:140px;position:relative}.sort-select{-webkit-appearance:none;appearance:none;width:100%;padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-input);border-radius:var(--radius-full);cursor:pointer;color:var(--txt-dark);background:#fff;font-size:.9rem}.select-icon{left:var(--spacing-sm);pointer-events:none;width:16px;height:16px;color:var(--txt-gray);position:absolute;top:50%;transform:translateY(-50%)}.categories-strip{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm)0;background:#fff;overflow:hidden}.categories-scroll{gap:var(--spacing-sm);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{background:var(--bg-light);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;color:var(--txt-dark);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:flex}.category-chip:hover{background:var(--bg-hover)}.category-chip.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary-light);font-weight:600}.cat-icon{justify-content:center;align-items:center;display:flex}.cat-icon svg{width:16px;height:16px}.quick-filters-row{padding:var(--spacing-md)0}.quick-filters-scroll{gap:var(--spacing-sm);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.quick-filter-chip{border:1px solid var(--border-light);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;color:var(--txt-gray);background:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:flex}.quick-filter-chip:hover{border-color:var(--primary);color:var(--primary)}.quick-filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.check-icon{width:14px;height:14px}.filter-toggle-btn{background:var(--txt-dark);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:flex}.main-content-area{margin-top:var(--spacing-md)}.filters-sidebar{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;flex-shrink:0;width:280px;height:-moz-fit-content;height:fit-content;display:none;position:sticky;top:140px}@media (min-width:992px){.filters-sidebar{margin-left:var(--spacing-lg);display:block}.row{flex-wrap:wrap;display:flex}.filters-sidebar{margin-left:20px}}.filters-body{padding:var(--spacing-md)}.filter-section{border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-accordion-btn{width:100%;color:var(--txt-dark);cursor:pointer;margin-bottom:var(--spacing-sm);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-weight:600;display:flex}.filter-content{padding-top:var(--spacing-xs)}.modern-select{border:1px solid var(--border-input);border-radius:var(--radius-md);background:#fff;width:100%;padding:8px}.price-inputs{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.input-group{flex:1;position:relative}.input-group input{border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;padding:6px 24px 6px 6px;font-size:.9rem}.currency{color:var(--txt-gray);font-size:.8rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.apply-price-btn{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:6px;font-size:.85rem;transition:all .2s}.apply-price-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.radio-options{flex-direction:column;gap:8px;display:flex}.radio-option{cursor:pointer;color:var(--txt-gray);align-items:center;gap:8px;font-size:.9rem;display:flex}.radio-option input{display:none}.radio-circle{border:2px solid var(--border-input);border-radius:50%;width:18px;height:18px;position:relative}.radio-option.selected .radio-circle{border-color:var(--primary)}.radio-option.selected .radio-circle:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-option.selected{color:var(--txt-dark);font-weight:500}.filters-footer{padding:var(--spacing-md);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.btn-reset{color:var(--txt-gray);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.products-grid-wrapper{flex:1}.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:576px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card-modern{border:1px solid var(--border-light);border-radius:var(--radius-lg);color:inherit;background:#fff;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.product-card-modern:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.product-image-wrapper{background:var(--bg-light);padding-top:75%;position:relative;overflow:hidden}.product-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card-modern:hover .product-img{transform:scale(1.05)}.card-favorite-btn{cursor:pointer;width:32px;height:32px;color:var(--txt-gray);z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:10px;left:10px}.card-favorite-btn:hover{color:var(--danger);transform:scale(1.1)}.card-favorite-btn.active{color:var(--danger);background:#fff}.card-favorite-btn svg{width:18px;height:18px}.featured-badge{background:var(--warning);color:var(--txt-dark);z-index:2;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:10px}.product-card-body{padding:12px}.product-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.product-title{color:var(--txt-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;padding-left:8px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price{color:var(--primary);white-space:nowrap;font-size:1rem;font-weight:700}.product-footer-info{color:var(--txt-gray);justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;display:flex}.info-item{align-items:center;gap:4px;display:flex}.info-item svg{width:14px;height:14px}.filters-overlay{z-index:998;background:#00000080;animation:.2s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:991px){.filters-sidebar{z-index:999;border:none;border-radius:0;flex-direction:column;width:85%;max-width:320px;margin:0;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.filters-sidebar.open{transform:translate(0)}.filters-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.filters-body{flex:1;overflow-y:auto}.close-filters{cursor:pointer;background:0 0;border:none}}.empty-state{text-align:center;padding:var(--spacing-xl)0;color:var(--txt-gray)}.empty-icon{background:var(--bg-light);width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-icon svg{width:32px;height:32px;color:var(--txt-gray)}.btn-clear-filters{margin-top:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;color:var(--primary);background:#fff;padding:8px 16px}.load-more-container{text-align:center;margin-top:var(--spacing-lg)}.btn-load-more{border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;color:var(--txt-dark);background:#fff;padding:10px 24px;font-weight:600;transition:all .2s}.btn-load-more:hover{background:var(--bg-light);border-color:var(--border-dark)}.category-circle-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;min-width:80px;transition:all .2s;display:flex}.cat-circle-icon{border:1px solid var(--border-light);width:60px;height:60px;color:var(--txt-gray);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000008}.cat-circle-icon svg{width:24px;height:24px}.category-circle-item span{color:var(--txt-dark);font-size:.85rem;font-weight:500}.category-circle-item:hover .cat-circle-icon{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px #00000014}.category-circle-item.active .cat-circle-icon{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.category-circle-item.active span{color:var(--primary);font-weight:700}.utility-bar{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.utility-actions{gap:var(--spacing-sm);display:flex}.utility-btn{border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--txt-dark);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.utility-btn:hover{background:var(--bg-light);border-color:var(--primary-light)}.utility-btn svg{width:16px;height:16px;color:var(--primary)}.results-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.section-title-wrapper{align-items:baseline;gap:var(--spacing-sm);display:flex}.section-title{color:var(--txt-dark);margin:0;font-size:1.25rem;font-weight:700}.results-badge{background:var(--bg-light);color:var(--txt-gray);border-radius:12px;padding:2px 8px;font-size:.8rem}.brands-shortcut{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff}.brands-title{margin-bottom:var(--spacing-md);align-items:center;gap:6px;font-size:1rem;font-weight:600;display:flex}.brands-grid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.brand-pill{background:var(--bg-light);border-radius:var(--radius-full);color:var(--txt-dark);cursor:pointer;border:1px solid #0000;padding:6px 16px;font-size:.9rem;transition:all .2s}.brand-pill:hover{border-color:var(--primary);color:var(--primary);background:#fff}@media (max-width:768px){.hero-gradient-band{border-radius:var(--radius-lg);min-height:320px;margin:0 var(--spacing-sm);padding:2.5rem 1.25rem 3rem}.hero-title-modern{font-size:1.75rem;line-height:1.3}.hero-content-wrapper{max-width:100%;padding:0 var(--spacing-sm)}.hero-search-container{max-width:100%;margin:var(--spacing-md)auto;padding:var(--spacing-xs)}.hero-search-input{font-size:var(--font-size-base);padding:var(--spacing-sm)}.hero-search-btn{width:40px;height:40px}.category-chips{margin-top:var(--spacing-md);gap:8px}.category-chip{gap:5px;padding:6px 12px;font-size:.75rem}.category-chip i,.category-chip svg{width:12px;height:12px}}@media (max-width:480px){.hero-gradient-band{min-height:280px;padding:2rem 1rem 2.5rem}.hero-title-modern{font-size:1.5rem}.category-chips{gap:6px}.category-chip{padding:5px 10px;font-size:.7rem}}@media (max-width:768px){.stats-grid-modern{gap:var(--spacing-md);padding:0 var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-top:-20px}.stat-card-modern{padding:var(--spacing-md);text-align:center;gap:var(--spacing-sm);border-radius:16px;flex-direction:column}.stat-icon-box{border-radius:12px;width:44px;height:44px;font-size:1.1rem}.stat-card-modern h3{font-size:1.25rem}.stat-card-modern p{font-size:.8rem}}@media (max-width:480px){.stats-grid-modern{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.stat-card-modern{padding:var(--spacing-sm)var(--spacing-xs)}.stat-icon-box{width:36px;height:36px;font-size:1rem}.stat-card-modern h3{font-size:1.1rem}.stat-card-modern p{font-size:.7rem}}@media (max-width:768px){.categories-section{padding:var(--spacing-lg)0}.categories-grid{gap:var(--spacing-md);padding:0 var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.category-card{min-height:150px;padding:1rem}.category-card h3{margin-bottom:.75rem;font-size:.95rem}.category-card .category-icon{width:50px;height:50px}.category-card .category-icon i,.category-card .category-icon svg{width:22px;height:22px}.category-card p{font-size:.75rem;display:none}}@media (max-width:480px){.categories-grid{gap:var(--spacing-sm)}.category-card{min-height:120px;padding:.75rem}.category-card h3{margin-bottom:.5rem;font-size:.85rem}.category-card .category-icon{width:42px;height:42px}.category-card .category-icon i,.category-card .category-icon svg{width:18px;height:18px}}@media (max-width:768px){.features-section{padding:var(--spacing-lg)0}.features-grid{gap:var(--spacing-md);padding:0 var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.feature-card{border-radius:14px;min-height:150px;padding:1rem}.feature-icon{width:40px;height:40px;margin-bottom:.75rem}.feature-icon i,.feature-icon svg{width:18px;height:18px}.feature-card h3{margin-bottom:.3rem;font-size:.9rem}.feature-card p{font-size:.75rem;display:none}}@media (max-width:480px){.features-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.feature-card{min-height:120px;padding:.75rem}.feature-icon{width:36px;height:36px}.feature-card h3{font-size:.8rem}}@media (max-width:768px){.products-grid{gap:var(--spacing-md);padding:0 var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.product-card,.product-card-modern{min-height:auto}.product-image{height:160px}.product-card-modern .product-image{aspect-ratio:1}.product-content{padding:var(--spacing-md)}.product-title{font-size:var(--font-size-base);-webkit-line-clamp:1}.product-price{font-size:var(--font-size-base)}.favorite-btn{width:32px;height:32px}}@media (max-width:480px){.products-grid{gap:var(--spacing-sm)}.product-image{height:130px}.product-content{padding:var(--spacing-sm)}.product-title{font-size:.85rem}.product-price{font-size:.9rem}.favorite-btn{width:28px;height:28px;top:var(--spacing-xs)}.favorite-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-xs)}.favorite-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing-xs)}.favorite-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-xs)}.favorite-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-xs)}}@media (max-width:768px){.section-header{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-title{font-size:1.25rem}.section-subtitle{font-size:.85rem}.download-app-section{padding:var(--spacing-xl)0}.download-app-section .container{padding:var(--spacing-lg);margin:0 var(--spacing-sm);border-radius:var(--radius-lg)}.download-app-section h2{font-size:1.5rem}.store-buttons{gap:var(--spacing-sm);flex-direction:column}.store-btn{justify-content:center;width:100%}.footer-modern{padding:var(--spacing-xl)var(--spacing-sm)}.container{padding-inline:var(--spacing-sm)}.featured-section,.latest-section{padding:var(--spacing-lg)0}.header{width:94%;padding:.5rem .75rem;top:8px}.header-main{padding:.5rem 0}.logo{font-size:1.5rem}.header-actions{gap:var(--spacing-xs)}.header-actions .btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}.support-btn,.chat-btn{width:36px;height:36px}}@media (hover:none){.product-card:hover,.category-card:hover,.feature-card:hover,.stat-card-modern:hover{transform:none}.product-card:active,.category-card:active,.feature-card:active{transform:scale(.98)}}.favorites-page{background:0 0;min-height:100vh;padding:20px 0 40px;position:relative}.favorites-header{z-index:1;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);display:flex;position:relative}body.dark .favorites-header{background:var(--bg-card);border-color:var(--border-dark)}.favorites-header-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#ff6b6b);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.favorites-header-text h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-xs)0}.favorites-header-text p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0}.favorites-count{padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--primary),#ff6b6b);border-radius:var(--radius-lg);color:#fff;flex-direction:column;align-items:center;margin-right:auto;display:flex}.favorites-count .count-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.favorites-count .count-label{font-size:var(--font-size-sm);opacity:.9}.favorites-grid{z-index:1;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;position:relative}.favorite-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}body.dark .favorite-card{background:var(--bg-card);border-color:var(--border-dark)}.favorite-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.favorite-remove-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);width:calc(100% - var(--spacing-md)*2);margin:0 var(--spacing-md)var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--danger);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);background:#ef44441a;border:1px solid #ef444433;display:flex}.favorite-remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.favorite-card-skeleton{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-md);overflow:hidden}body.dark .favorite-card-skeleton{background:var(--bg-card);border-color:var(--border-dark)}.favorite-card-skeleton .skeleton-image{border-radius:var(--radius-lg);width:100%;height:200px;margin-bottom:var(--spacing-md)}.favorite-card-skeleton .skeleton-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.favorite-card-skeleton .skeleton-title{border-radius:var(--radius-md);width:80%;height:24px}.favorite-card-skeleton .skeleton-price{border-radius:var(--radius-md);width:50%;height:20px}.favorite-card-skeleton .skeleton-btn{border-radius:var(--radius-lg);width:100%;height:40px;margin-top:var(--spacing-sm)}.favorites-empty{z-index:1;text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}body.dark .favorites-empty{background:var(--bg-card);border-color:var(--border-dark)}.favorites-empty-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));width:120px;height:120px;margin-bottom:var(--spacing-xl);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}body.dark .favorites-empty-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))}.favorites-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-sm)0}.favorites-empty p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0 0 var(--spacing-xl)0;max-width:400px}.favorites-empty .btn{align-items:center;gap:var(--spacing-sm);display:inline-flex}.favorites-auth-required{z-index:1;text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:80px auto;display:flex;position:relative}body.dark .favorites-auth-required{background:var(--bg-card);border-color:var(--border-dark)}.favorites-auth-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));width:100px;height:100px;margin-bottom:var(--spacing-xl);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}body.dark .favorites-auth-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))}.favorites-auth-required h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-sm)0}.favorites-auth-required p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0 0 var(--spacing-xl)0}.favorites-auth-required .btn{align-items:center;gap:var(--spacing-sm);display:inline-flex}@media (max-width:768px){.favorites-page{padding:16px 0 40px}.favorites-header{text-align:center;padding:var(--spacing-lg);flex-direction:column}.favorites-count{margin-right:0;margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);gap:var(--spacing-xs);flex-direction:row}.favorites-count .count-number,.favorites-count .count-label{font-size:var(--font-size-base)}.favorites-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.favorites-blob-1{width:300px;height:300px}.favorites-blob-2{width:250px;height:250px}.favorites-blob-3{width:200px;height:200px}}@media (max-width:480px){.favorites-header-icon{width:56px;height:56px}.favorites-header-text h1{font-size:var(--font-size-xl)}.favorites-grid{grid-template-columns:1fr}.favorites-empty,.favorites-auth-required{padding:var(--spacing-xl);margin:40px auto}.favorites-empty-icon,.favorites-auth-icon{width:80px;height:80px}.favorites-empty-icon svg,.favorites-auth-icon svg{width:40px;height:40px}}.myads-page{background:0 0;min-height:100vh;padding:20px 0 40px;position:relative}.myads-header{z-index:1;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:relative}body.dark .myads-header{background:var(--bg-card);border-color:var(--border-dark)}.myads-header-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#ff6b6b);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.myads-header-text h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-xs)0}.myads-header-text p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0}.myads-header-actions{align-items:center;gap:var(--spacing-md);margin-right:auto;display:flex}.myads-count{padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border-radius:var(--radius-lg);border:1px solid rgba(var(--primary-rgb),.2);flex-direction:column;align-items:center;display:flex}body.dark .myads-count{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))}.myads-count .count-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1}.myads-count .count-label{font-size:var(--font-size-sm);color:var(--txt-secondary)}.myads-grid{z-index:1;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;position:relative}.myads-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}body.dark .myads-card{background:var(--bg-card);border-color:var(--border-dark)}.myads-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.myads-card-footer{padding:var(--spacing-md);border-top:1px solid var(--border-light);background:var(--bg-main);justify-content:space-between;align-items:center;display:flex}body.dark .myads-card-footer{border-color:var(--border-dark);background:#0003}.myads-badge{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.myads-badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.myads-badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.myads-badge-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.myads-badge-secondary{color:#6b7280;background:#6b72801a;border:1px solid #6b728033}.myads-card-actions{gap:var(--spacing-xs);display:flex}.myads-action-btn{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;width:36px;height:36px;transition:all var(--transition);justify-content:center;align-items:center;display:flex}body.dark .myads-action-btn{border-color:var(--border-dark);background:#ffffff1a}.myads-action-view{color:var(--info)}.myads-action-view:hover{background:var(--info);color:#fff;border-color:var(--info)}.myads-action-edit{color:var(--primary)}.myads-action-edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.myads-action-delete{color:var(--danger)}.myads-action-delete:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.myads-card-skeleton{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-md);overflow:hidden}body.dark .myads-card-skeleton{background:var(--bg-card);border-color:var(--border-dark)}.myads-card-skeleton .skeleton-image{border-radius:var(--radius-lg);width:100%;height:200px;margin-bottom:var(--spacing-md)}.myads-card-skeleton .skeleton-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.myads-card-skeleton .skeleton-title{border-radius:var(--radius-md);width:80%;height:24px}.myads-card-skeleton .skeleton-price{border-radius:var(--radius-md);width:50%;height:20px}.myads-card-skeleton .skeleton-actions{border-radius:var(--radius-lg);width:100%;height:36px;margin-top:var(--spacing-sm)}.myads-empty{z-index:1;text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}body.dark .myads-empty{background:var(--bg-card);border-color:var(--border-dark)}.myads-empty-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));width:120px;height:120px;margin-bottom:var(--spacing-xl);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}body.dark .myads-empty-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))}.myads-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-sm)0}.myads-empty p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0 0 var(--spacing-xl)0;max-width:400px}.myads-empty .btn{align-items:center;gap:var(--spacing-sm);display:inline-flex}.myads-auth-required{z-index:1;text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:80px auto;display:flex;position:relative}body.dark .myads-auth-required{background:var(--bg-card);border-color:var(--border-dark)}.myads-auth-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));width:100px;height:100px;margin-bottom:var(--spacing-xl);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}body.dark .myads-auth-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))}.myads-auth-required h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--txt-primary);margin:0 0 var(--spacing-sm)0}.myads-auth-required p{font-size:var(--font-size-base);color:var(--txt-secondary);margin:0 0 var(--spacing-xl)0}.myads-auth-required .btn{align-items:center;gap:var(--spacing-sm);display:inline-flex}@media (max-width:768px){.myads-page{padding:16px 0 40px}.myads-header{text-align:center;padding:var(--spacing-lg);flex-direction:column}.myads-header-actions{margin-right:0;margin-top:var(--spacing-md);flex-direction:column;width:100%}.myads-count{gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);flex-direction:row}.myads-count .count-number,.myads-count .count-label{font-size:var(--font-size-base)}.myads-header-actions .btn{justify-content:center;width:100%}.myads-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.myads-blob-1{width:300px;height:300px}.myads-blob-2{width:250px;height:250px}.myads-blob-3{width:200px;height:200px}}@media (max-width:480px){.myads-header-icon{width:56px;height:56px}.myads-header-text h1{font-size:var(--font-size-xl)}.myads-grid{grid-template-columns:1fr}.myads-card-footer{gap:var(--spacing-sm);flex-direction:column}.myads-card-actions{justify-content:center;width:100%}.myads-empty,.myads-auth-required{padding:var(--spacing-xl);margin:40px auto}.myads-empty-icon,.myads-auth-icon{width:80px;height:80px}.myads-empty-icon svg,.myads-auth-icon svg{width:40px;height:40px}}html,body{font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{font-family:inherit}:root{--brand-50:#fef2f2;--brand-100:#fee2e2;--brand-200:#fecaca;--brand-300:#fca5a5;--brand-400:#f87171;--brand-500:#dc2626;--brand-600:#b91c1c;--brand-700:#991b1b;--brand-800:#7f1d1d;--brand-900:#450a0a;--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-150:#ededed;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-850:#1f1f1f;--neutral-900:#171717;--neutral-950:#0a0a0a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--bg-base:#f8fafc;--bg-elevated:var(--neutral-0);--bg-sunken:var(--neutral-100);--bg-overlay:#00000080;--surface-primary:var(--neutral-0);--surface-secondary:#f8fafc;--surface-tertiary:var(--neutral-100);--surface-hover:var(--neutral-50);--surface-active:var(--brand-50);--surface-selected:var(--brand-50);--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--text-inverse:var(--neutral-0);--text-brand:var(--brand-600);--text-link:var(--brand-600);--text-link-hover:var(--brand-700);--border-primary:#e2e8f0;--border-secondary:#edf2f7;--border-tertiary:#f7fafc;--border-focus:var(--brand-500);--border-error:var(--brand-500);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--interactive-primary:var(--brand-500);--interactive-primary-hover:var(--brand-600);--interactive-primary-active:var(--brand-700);--interactive-primary-subtle:#dc262614;--interactive-secondary:var(--neutral-100);--interactive-secondary-hover:var(--neutral-200);--interactive-secondary-active:var(--neutral-300);--status-success:var(--green-600);--status-success-bg:var(--green-50);--status-success-border:var(--green-200);--status-warning:var(--amber-600);--status-warning-bg:var(--amber-50);--status-warning-border:var(--amber-200);--status-error:var(--brand-500);--status-error-bg:var(--brand-50);--status-error-border:var(--brand-200);--status-info:var(--blue-600);--status-info-bg:var(--blue-50);--status-info-border:var(--blue-200);--avatar-bg:var(--neutral-100);--avatar-border:var(--neutral-200);--avatar-placeholder:var(--neutral-400);--input-bg:var(--neutral-0);--input-border:var(--neutral-300);--input-border-hover:var(--neutral-400);--input-border-focus:var(--brand-500);--input-placeholder:var(--neutral-400);--input-disabled-bg:var(--neutral-100);--input-disabled-text:var(--neutral-400);--scrollbar-track:var(--neutral-100);--scrollbar-thumb:var(--neutral-300);--scrollbar-thumb-hover:var(--neutral-400);--font-family:"Almarai",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--transition-colors:color var(--duration-normal)var(--ease-default),background-color var(--duration-normal)var(--ease-default),border-color var(--duration-normal)var(--ease-default);--transition-opacity:opacity var(--duration-normal)var(--ease-default);--transition-transform:transform var(--duration-normal)var(--ease-default);--transition-all:all var(--duration-normal)var(--ease-default);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--header-height:72px;--sidebar-width:320px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}body.dark{--bg-base:#161616;--bg-elevated:#1e1e1e;--bg-sunken:#121212;--bg-overlay:#000000bf;--surface-primary:#1e1e1e;--surface-secondary:#252525;--surface-tertiary:#2a2a2a;--surface-hover:#2f2f2f;--surface-active:#dc262626;--surface-selected:#dc26261f;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-muted:#525252;--text-inverse:var(--neutral-900);--text-brand:var(--brand-400);--text-link:var(--brand-400);--text-link-hover:var(--brand-300);--border-primary:var(--neutral-700);--border-secondary:var(--neutral-800);--border-tertiary:var(--neutral-850);--border-focus:var(--brand-500);--border-error:var(--brand-500);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #0009;--shadow-inner:inset 0 2px 4px #0000004d;--interactive-primary:var(--brand-500);--interactive-primary-hover:var(--brand-400);--interactive-primary-active:var(--brand-300);--interactive-primary-subtle:#dc262626;--interactive-secondary:var(--neutral-800);--interactive-secondary-hover:var(--neutral-700);--interactive-secondary-active:var(--neutral-600);--status-success:var(--green-400);--status-success-bg:#22c55e1f;--status-success-border:var(--green-700);--status-warning:var(--amber-400);--status-warning-bg:#f59e0b1f;--status-warning-border:var(--amber-700);--status-error:var(--brand-400);--status-error-bg:#dc26261f;--status-error-border:var(--brand-700);--status-info:var(--blue-400);--status-info-bg:#3b82f61f;--status-info-border:var(--blue-700);--avatar-bg:var(--neutral-800);--avatar-border:var(--neutral-700);--avatar-placeholder:var(--neutral-400);--input-bg:var(--neutral-850);--input-border:var(--neutral-700);--input-border-hover:var(--neutral-600);--input-border-focus:var(--brand-500);--input-placeholder:var(--neutral-500);--input-disabled-bg:var(--neutral-800);--input-disabled-text:var(--neutral-600);--scrollbar-track:var(--neutral-850);--scrollbar-thumb:var(--neutral-700);--scrollbar-thumb-hover:var(--neutral-600)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--brand-100);color:var(--brand-900)}body.dark ::selection{background:var(--brand-900);color:var(--brand-100)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::placeholder{color:var(--input-placeholder);opacity:1}html,body{direction:rtl;height:100%}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-light);color:var(--txt-dark);font-family:var(--font-family),var(--font-family-fallback);min-height:100vh;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal);margin:0;padding:0;overflow-x:hidden}h1,.h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-extrabold);margin:0 0 var(--spacing-md)0}h2,.h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md)0}h3,.h3{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)0}h4,.h4{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs)0}p{margin-block-start:0;margin-block-end:1em}.pi-sm{padding-inline:var(--spacing-sm)}.pi-md{padding-inline:var(--spacing-md)}.pi-lg{padding-inline:var(--spacing-lg)}.mi-sm{margin-inline:var(--spacing-sm)}.mi-md{margin-inline:var(--spacing-md)}.mi-lg{margin-inline:var(--spacing-lg)}body.dark{background:var(--bg-dark);color:var(--txt-light)}.app{background:var(--bg-light);flex-direction:column;min-height:100vh;display:flex;position:relative}main{z-index:1;background:var(--bg-light);flex:1;width:100%;min-height:calc(100vh - 80px);padding-top:80px;display:block;position:relative}.page-loading-state{min-height:50vh;color:var(--txt-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid #ec131f33;border-top-color:var(--primary);border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}.bg-blobs{z-index:-2;pointer-events:none;contain:strict;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.blob{filter:blur(80px);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;animation:18s cubic-bezier(.4,0,.2,1) infinite alternate blobmove;position:absolute;transform:translateZ(0)}.blob1{opacity:.2;background:#ec131f;width:40vw;min-width:300px;height:40vw;min-height:300px;animation:18s cubic-bezier(.4,0,.2,1) infinite alternate blobmove;top:-10%;left:-10%}.blob2{opacity:.1;mix-blend-mode:lighten;background:#00ff40;width:28vw;min-width:200px;height:28vw;min-height:200px;animation:18s cubic-bezier(.4,0,.2,1) -4s infinite alternate blobmove;bottom:-15%;right:-10%}@media (max-width:768px){.blob{filter:blur(40px);opacity:.15;animation:none!important}.blob1{width:80vw;min-width:200px;height:80vw;min-height:200px;top:-10%;left:-20%}.blob2{width:60vw;min-width:150px;height:60vw;min-height:150px;bottom:-10%;right:-20%}}@keyframes blobmove{0%{transform:scale(1)translate(0)}50%{transform:scale(1.07)translate(24px,-28px)}to{transform:scale(.97)translate(-19px,21px)}}.container{max-width:var(--container-max-width);padding-inline:var(--spacing-md);margin-inline-start:auto;margin-inline-end:auto;display:block;position:relative}.container-fluid{width:100%;padding-inline:var(--spacing-md)}header{z-index:1000;width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background var(--transition),border var(--transition),box-shadow var(--transition);background:0 0;border-bottom:none;position:fixed;top:0;left:0}body.dark header{box-shadow:none;background:0 0;border-bottom:none}a:focus-visible{outline-offset:2px;outline:2px solid #6464644d}button:focus-visible{outline-offset:2px;outline:2px solid #6464644d}select:focus-visible{outline-offset:2px;outline:2px solid #6464644d}[role=button]:focus-visible{outline-offset:2px;outline:2px solid #6464644d}body.dark a:focus-visible{outline:2px solid #ffffff4d}body.dark button:focus-visible{outline:2px solid #ffffff4d}body.dark select:focus-visible{outline:2px solid #ffffff4d}body.dark [role=button]:focus-visible{outline:2px solid #ffffff4d}input:focus,textarea:focus,select:focus{box-shadow:none!important;border-color:#6464644d!important;outline:none!important}input:focus-visible{box-shadow:none!important;border-color:#6464644d!important;outline:none!important}textarea:focus-visible{box-shadow:none!important;border-color:#6464644d!important;outline:none!important}select:focus-visible{box-shadow:none!important;border-color:#6464644d!important;outline:none!important}body.dark input:focus,body.dark textarea:focus,body.dark select:focus{border-color:#fff3!important}body.dark input:focus-visible{border-color:#fff3!important}body.dark textarea:focus-visible{border-color:#fff3!important}body.dark select:focus-visible{border-color:#fff3!important}:focus{outline:none}:focus-visible{outline:none}.hero-search-input:focus{box-shadow:none!important;outline:none!important}.hero-search-input:focus-visible{box-shadow:none!important;outline:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.header-main{max-width:var(--container-max-width);min-height:var(--header-height);justify-content:space-between;align-items:center;margin-inline-start:auto;margin-inline-end:auto;padding:1.13rem 2rem 1.1rem;display:flex}.logo{letter-spacing:-1.2px;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 10px #dc26261a);cursor:pointer;background:linear-gradient(90deg,#dc2626 60%,#16a34a 100%);-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin-inline-end:.14rem;font-size:2.15rem;font-weight:900;text-decoration:none;transition:filter .22s}.logo:hover{filter:drop-shadow(0 4px 20px #dc262626)}.logo h1{font-size:inherit;font-weight:inherit;background:inherit;background-clip:inherit;-webkit-background-clip:inherit;-webkit-text-fill-color:inherit;margin:0}.nav-main{flex-shrink:0;align-items:center;gap:2rem;margin-inline-start:2rem;margin-inline-end:2rem;display:flex}.nav-link{color:var(--txt-gray);white-space:nowrap;flex-shrink:0;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";background:var(--primary);bottom:-8px;width:0;height:3px;transition:width .3s;position:absolute}.nav-link:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:0}.nav-link:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:0}.nav-link:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:0}.nav-link:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:0}.nav-link.active:after{width:100%}body.dark .nav-link{color:var(--txt-gray-dark)}body.dark .nav-link:hover,body.dark .nav-link.active{color:var(--accent)}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.user-menu{position:relative}.dropdown-menu{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);z-index:1000;min-width:250px;margin-top:var(--spacing-sm);top:100%;animation:.2s ease-out dropdownSlideIn;position:absolute}.dropdown-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.dropdown-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.dropdown-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.dropdown-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.dropdown-header{padding:var(--spacing-md);border-bottom:var(--border-light)}.dropdown-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.dropdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--txt-dark);transition:background var(--transition);text-align:right;cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.dropdown-item:hover{background:#ffffff1a}.dropdown-item i{color:var(--txt-gray);font-size:1.1rem}.notifications-dropdown{position:relative}.notification-badge{background:var(--primary);color:#fff;width:20px;height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transform-origin:50%;transition:transform var(--transition-fast);top:-5px;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.notification-badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-5px}.notification-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-5px}.notification-badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-5px}.notification-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-5px}.notification-badge.updated{transform:scale(1.2)}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{padding:var(--spacing-md);border-bottom:var(--border-light);cursor:pointer;transition:background var(--transition)}.notification-item:hover{background:#ffffff1a}.notification-item.unread{background:#dc26260d}.notification-content p{margin:0 0 var(--spacing-xs)0;font-size:var(--font-size-sm)}.notification-content small{color:var(--txt-muted);font-size:var(--font-size-xs)}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);min-height:var(--btn-height-md);white-space:nowrap;border:none;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--primary));transform:translateY(-2px);box-shadow:0 6px 24px #dc262666}.btn-secondary{background:var(--glass-light);color:var(--txt-dark);border:var(--border-light);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.btn-secondary:hover:not(:disabled){background:var(--glass-dark);color:var(--txt-light);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-dark),var(--success));transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger),var(--danger-dark));color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-dark),var(--danger));transform:translateY(-1px)}.btn-lg{font-size:var(--font-size-lg);min-height:var(--btn-height-lg);padding:1rem 2rem}.btn-sm{font-size:var(--font-size-sm);min-height:var(--btn-height-sm);padding:.5rem 1rem}.btn-icon{border-radius:50%;width:40px;height:40px;min-height:auto;padding:0}.btn-text{color:var(--primary);background:0 0;border:none;min-height:auto;padding:0}.btn-text:hover{color:var(--primary-hover);background:0 0;transform:none}.form-group{margin-bottom:var(--spacing-md)}.form-input,.form-textarea,.form-select{border:var(--border-light);border-radius:var(--radius-md);background:var(--glass-light);width:100%;color:var(--txt-dark);font-family:inherit;font-size:var(--font-size-base);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);padding:.75rem 1rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha),0 6px 20px #0000000f;background:var(--bg-white);outline:none}.form-textarea{resize:vertical;min-height:120px}.card{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transition:all var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{padding:var(--spacing-md);border-bottom:var(--border-light);background:#ffffff1a}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--txt-dark);margin:0}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);border-top:var(--border-light);background:#ffffff0d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--modal-z-index);padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border:none;border-radius:24px;width:100%;max-width:480px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}body.dark .modal-content{background:#1a1a1f;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fffffffa 0%,#fafafff2 100%);border:1px solid #fffc;border-radius:24px;padding:0;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideIn;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 4px 8px #0000000a,0 12px 24px #0000000f,0 24px 48px #00000014,0 48px 96px #1414281f}body.dark .auth-modal{background:linear-gradient(#141828fa 0%,#0f1220fc 100%);border-color:#ffffff0f;box-shadow:0 0 0 1px #ffffff08,0 4px 8px #00000026,0 12px 24px #0003,0 24px 48px #00000040,0 48px 96px #00000059}.auth-modal-header{text-align:center;background:linear-gradient(#ec131f0a 0%,#0000 100%);border-bottom:1px solid #0000000a;padding:36px 32px 28px;position:relative}body.dark .auth-modal-header{background:linear-gradient(#ec131f1a 0%,#0000 100%);border-bottom-color:#ffffff0d}.auth-modal-icon{color:#fff;background:linear-gradient(145deg,#ec131f 0%,#ff4757 50%,#ec131f 100%) 0 0/200% 200%;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite iconPulse;display:flex;box-shadow:0 4px 12px #ec131f40,0 8px 24px #ec131f33,inset 0 1px #fff3}@keyframes iconPulse{0%,to{background-position:0%;transform:scale(1)}50%{background-position:100%;transform:scale(1.02)}}.auth-modal-icon svg{width:32px;height:32px}.auth-modal-header h2{color:#1a1a1a;letter-spacing:-.5px;margin:0 0 10px;font-size:26px;font-weight:800}body.dark .auth-modal-header h2{color:#fff}.auth-modal-header p{color:#777;margin:0;font-size:15px;font-weight:450;line-height:1.5}body.dark .auth-modal-header p{color:#ffffff8c}.auth-modal-close{color:#888;cursor:pointer;background:#0000000a;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:18px;left:18px}.auth-modal-close svg{width:20px;height:20px;transition:transform .25s}.auth-modal-close:hover{color:#ec131f;background:#ec131f14;transform:scale(1.05)}.auth-modal-close:hover svg{transform:rotate(90deg)}.auth-modal-close:active{transform:scale(.95)}body.dark .auth-modal-close{color:#ffffff80;background:#ffffff0f}body.dark .auth-modal-close:hover{color:#ff6b6b;background:#ec131f26}.auth-modal-form{flex-direction:column;gap:18px;padding:28px 32px 36px;display:flex}.auth-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:500px){.auth-modal-form{padding:24px 20px 32px}.auth-form-row{grid-template-columns:1fr;gap:0}}.auth-form-group{background:linear-gradient(135deg,#fffffffa 0%,#fafafff2 100%);border:1.5px solid #0000;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 4px #00000005,0 4px 8px #00000008,inset 0 1px #ffffffe6}.auth-form-group:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#0000000f,#00000005);border-radius:14px;padding:1.5px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-form-group:hover{box-shadow:0 4px 8px #0000000a,0 8px 16px #0000000a,inset 0 1px #fff}.auth-form-group:focus-within{background:linear-gradient(135deg,#fff 0%,#fffcfcfa 100%);box-shadow:0 4px 12px #ec131f14,0 8px 24px #ec131f1a,inset 0 1px #fff}.auth-form-group:focus-within:before{background:linear-gradient(135deg,#ec131f,#ff6b6b)}.location-section-card .auth-form-group{margin-top:0}body.dark .auth-form-group{background:linear-gradient(135deg,#191c2df2 0%,#141726fa 100%);box-shadow:0 2px 4px #00000026,0 4px 8px #0003,inset 0 1px #ffffff0a}body.dark .auth-form-group:before{background:linear-gradient(135deg,#ffffff14,#ffffff05)}body.dark .auth-form-group:hover{box-shadow:0 4px 8px #0003,0 8px 16px #00000040,inset 0 1px #ffffff0f}body.dark .auth-form-group:focus-within{background:linear-gradient(135deg,#1e2134fa 0%,#191c2d 100%);box-shadow:0 4px 12px #ec131f26,0 8px 24px #ec131f33,inset 0 1px #ffffff0f}body.dark .auth-form-group:focus-within:before{background:linear-gradient(135deg,#ec131f,#ff6b6b)}.auth-form-label{letter-spacing:.5px;color:#555;text-transform:uppercase;opacity:.9;font-size:12px;font-weight:600}body.dark .auth-form-label{color:#ffffffbf}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#aaa;pointer-events:none;z-index:1;transition:color .2s;position:absolute;right:14px}.auth-form-group:focus-within .auth-input-icon{color:#ec131f}body.dark .auth-input-icon{color:#ffffff59}body.dark .auth-form-group:focus-within .auth-input-icon{color:#ff6b6b}.auth-form-input{color:#1a1a1a;background:#00000008;border:none;border-radius:10px;outline:none;width:100%;padding:14px 44px;font-size:15px;font-weight:500;transition:all .2s}.auth-form-input::placeholder{color:#aaa;font-weight:400}.auth-form-input:focus{background:#fffc;box-shadow:inset 0 0 0 1.5px #ec131f33}.auth-form-input.error{background:#ef44440f;box-shadow:inset 0 0 0 1.5px #ef44444d}body.dark .auth-form-input{color:#fff;background:#ffffff0a}body.dark .auth-form-input::placeholder{color:#ffffff59}body.dark .auth-form-input:focus{background:#ffffff0f;box-shadow:inset 0 0 0 1.5px #ec131f4d}.auth-form-input.select-input{box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:#00000008;background-image:none;border:none;padding:14px 16px 14px 40px;font-weight:500;transition:all .2s;position:relative}.auth-form-input.select-input:focus{background-color:#fffc;box-shadow:inset 0 0 0 1.5px #ec131f33}.auth-input-wrapper.select-wrapper{position:relative}.auth-input-wrapper.select-wrapper:after{content:"";pointer-events:none;border-top:6px solid #888;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:border-color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-wrapper.select-wrapper:focus-within:after{border-top-color:#ec131f}body.dark .auth-input-wrapper.select-wrapper:after{border-top-color:#ffffff73}body.dark .auth-input-wrapper.select-wrapper:focus-within:after{border-top-color:#ff6b6b}body.dark .auth-form-input.select-input{color:#fff;background-color:#ffffff0a}body.dark .auth-form-input.select-input:focus{background-color:#ffffff0f;box-shadow:inset 0 0 0 1.5px #ec131f4d}.auth-password-toggle{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;left:12px}.auth-password-toggle:hover{color:#ec131f;background:#ec131f14}body.dark .auth-password-toggle{color:#ffffff59}body.dark .auth-password-toggle:hover{color:#ff6b6b;background:#ec131f26}.auth-error-message{color:#ef4444;background:#ef444414;border-radius:6px;align-items:center;gap:5px;margin-top:2px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}body.dark .auth-error-message{color:#fca5a5;background:#ef444426}.auth-success-message{color:#10b981;background:#10b98114;border-radius:6px;align-items:center;gap:5px;margin-top:2px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}body.dark .auth-success-message{color:#6ee7b7;background:#10b98126}.username-input-check{position:relative}.username-input-check .auth-form-input{padding-left:80px}.username-status-icon{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.username-status-icon.checking{color:#9ca3af}.username-status-icon.checking .spin{animation:1s linear infinite spin}.username-status-icon.available{color:#10b981}.username-status-icon.taken{color:#ef4444}.auth-form-input.success{background:#10b9810f;box-shadow:inset 0 0 0 1.5px #10b9814d}body.dark .auth-form-input.success{background:#10b9811a;box-shadow:inset 0 0 0 1.5px #10b9814d}.auth-checkbox{cursor:pointer;background:#00000005;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.auth-checkbox:hover{background:#0000000a}body.dark .auth-checkbox{background:#ffffff08}body.dark .auth-checkbox:hover{background:#ffffff0d}.auth-checkbox input{display:none}.auth-checkbox-mark{color:#0000;background:#fffc;border:2px solid #00000026;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.auth-checkbox:hover .auth-checkbox-mark{border-color:#ec131f66}.auth-checkbox input:checked+.auth-checkbox-mark{color:#fff;background:linear-gradient(135deg,#ec131f 0%,#ff4757 100%);border-color:#0000;box-shadow:0 2px 8px #ec131f4d}body.dark .auth-checkbox-mark{background:#ffffff0d;border-color:#ffffff26}body.dark .auth-checkbox:hover .auth-checkbox-mark{border-color:#ec131f80}body.dark .auth-checkbox input:checked+.auth-checkbox-mark{box-shadow:0 2px 12px #ec131f66}.auth-checkbox-label{color:#555;font-weight:500;line-height:1.4}.auth-checkbox-label .auth-link{color:#ec131f;font-weight:600;text-decoration:none;transition:opacity .2s}.auth-checkbox-label .auth-link:hover{opacity:.8;text-decoration:underline}body.dark .auth-checkbox-label{color:#ffffffb3}body.dark .auth-checkbox-label .auth-link{color:#ff6b6b}.auth-forgot-inline{justify-content:flex-end;margin:-6px 0 10px;display:flex}.auth-forgot-inline .auth-link{color:#888;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500}.auth-forgot-inline .auth-link:hover{color:#ec131f;background:#ec131f0f}.auth-forgot-inline .auth-link:after{display:none}body.dark .auth-forgot-inline .auth-link{color:#ffffff80}body.dark .auth-forgot-inline .auth-link:hover{color:#ff6b6b;background:#ec131f1f}.auth-password-strength{background:linear-gradient(135deg,#00000005 0%,#00000008 100%);border:1px solid #0000000a;border-radius:12px;flex-direction:column;gap:10px;margin-top:6px;padding:14px 16px;display:flex}body.dark .auth-password-strength{background:linear-gradient(135deg,#ffffff05 0%,#ffffff0a 100%);border-color:#ffffff0d}.auth-password-strength .strength-bar{background:#0000000f;border-radius:3px;height:6px;overflow:hidden}body.dark .auth-password-strength .strength-bar{background:#ffffff14}.auth-password-strength .strength-progress{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s}.auth-password-strength .strength-label{letter-spacing:.3px;font-size:12px;font-weight:600}.auth-submit-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#ec131f 0%,#ff4757 50%,#ec131f 100%) 0 0/200% 100%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:18px 28px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #ec131f40,0 8px 24px #ec131f26,inset 0 1px #fff3}.auth-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 6px 16px #ec131f4d,0 12px 32px #ec131f33,inset 0 1px #ffffff40}.auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ec131f4d,0 4px 12px #ec131f33}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#888 0%,#aaa 100%);box-shadow:0 4px 12px #0000001a}.auth-submit-btn.loading{pointer-events:none;background:linear-gradient(135deg,#ec131f 0%,#ff4757 100%)}.auth-spinner{will-change:transform;border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.auth-modal-footer{text-align:center;background:#00000005;border-top:1px solid #0000000a;margin-top:0;padding:20px 24px}body.dark .auth-modal-footer{background:#0003;border-top-color:#ffffff0d}.auth-modal-footer p{color:#666;margin:0;font-size:14px;font-weight:450}body.dark .auth-modal-footer p{color:#ffffff8c}.auth-link{color:#ec131f;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;border-radius:6px;margin:0 -2px;padding:2px 6px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.auth-link:after{content:"";background:currentColor;height:1.5px;transition:transform .25s;position:absolute;bottom:2px;left:6px;right:6px;transform:scaleX(0)}.auth-link:hover{background:#ec131f14}.auth-link:hover:after{transform:scaleX(1)}body.dark .auth-link{color:#ff6b6b}body.dark .auth-link:hover{background:#ec131f26}.verification-modal{text-align:center}.verification-modal .auth-modal-header{padding-bottom:16px}.verification-icon{background:linear-gradient(145deg,#10b981 0%,#059669 50%,#10b981 100%) 0 0/200% 200%!important;animation:3s ease-in-out infinite iconPulse!important}.verification-target{color:#059669;direction:ltr;background:#10b98114;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}body.dark .verification-target{color:#10b981;background:#10b9811f;border-color:#10b98133}.verification-hint{color:#b45309;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:13px;display:flex}body.dark .verification-hint{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2440}.verification-hint .hint-badge{color:#78350f;text-transform:uppercase;background:#fbbf24;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.verification-hint code{letter-spacing:2px;background:#00000014;border-radius:4px;padding:2px 8px;font-family:SF Mono,Monaco,monospace;font-weight:700}body.dark .verification-hint code{background:#ffffff1a}.verification-form{padding-top:0!important}.verification-code-inputs{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.verification-code-input{text-align:center;width:48px;height:56px;color:var(--txt-dark);caret-color:var(--primary);background:#fffc;border:2px solid #0000001a;border-radius:12px;font-size:24px;font-weight:700;transition:all .2s}body.dark .verification-code-input{color:#fff;background:#ffffff0d;border-color:#ffffff26}.verification-code-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #ec131f26}body.dark .verification-code-input:focus{background:#ffffff14;box-shadow:0 0 0 3px #ec131f40}.verification-code-input.filled{background:#10b9810d;border-color:#10b981}body.dark .verification-code-input.filled{background:#10b9811a}.verification-resend{text-align:center;border-top:1px solid #0000000f;margin-top:20px;padding-top:16px}body.dark .verification-resend{border-top-color:#ffffff14}.verification-resend p{color:#666;margin:0 0 8px;font-size:13px}body.dark .verification-resend p{color:#ffffff80}.resend-btn{font-size:14px!important}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.resend-btn .spinning{animation:1s linear infinite spin}.verification-modal.success{padding:40px 30px}.verification-success-content{flex-direction:column;align-items:center;gap:16px;display:flex}.verification-success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;animation:.5s successPop;display:flex}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.verification-success-content h2{color:var(--txt-dark);margin:0;font-size:24px;font-weight:800}body.dark .verification-success-content h2{color:#fff}.verification-success-content p{color:#666;margin:0;font-size:15px}body.dark .verification-success-content p{color:#fff9}@media (max-width:500px){.verification-code-inputs{gap:6px}.verification-code-input{border-radius:10px;width:42px;height:50px;font-size:20px}.verification-hint{flex-direction:column;gap:6px;font-size:12px}}.verification-choice-modal{text-align:center}.verification-choice-content{padding:0 24px 24px}.verification-options{flex-direction:column;gap:12px;margin:20px 0;display:flex}.verification-option-btn{cursor:pointer;text-align:right;background:#fffc;border:2px solid #00000014;border-radius:14px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s;display:flex}body.dark .verification-option-btn{background:#ffffff0d;border-color:#ffffff1a}.verification-option-btn:hover{border-color:var(--primary);background:#ec131f0d;transform:translateY(-2px);box-shadow:0 4px 12px #ec131f26}body.dark .verification-option-btn:hover{background:#ec131f1a}.verification-option-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.verification-option-icon.email{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.verification-option-icon.phone{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.verification-option-info{text-align:right;flex:1}.verification-option-info h4{color:var(--txt-dark);margin:0 0 4px;font-size:15px;font-weight:700}body.dark .verification-option-info h4{color:#fff}.verification-option-info p{color:#666;margin:0;font-family:SF Mono,Monaco,monospace;font-size:13px}body.dark .verification-option-info p{color:#fff9}.verification-option-check{color:#0003;transition:all .2s}body.dark .verification-option-check{color:#fff3}.verification-option-btn:hover .verification-option-check{color:var(--primary);transform:scale(1.2)}.skip-verification-btn{opacity:.7;margin-top:8px;font-size:13px!important}.skip-verification-btn:hover{opacity:1}@media (max-width:500px){.verification-choice-content{padding:0 16px 20px}.verification-option-btn{gap:12px;padding:14px 16px}.verification-option-icon{width:42px;height:42px}.verification-option-info h4{font-size:14px}.verification-option-info p{font-size:12px}}.banned-screen{text-align:center;max-width:480px;margin:0 auto;padding:32px 24px}.banned-header{margin-bottom:24px}.banned-header h1{color:#ef4444;margin:0 0 8px;font-size:24px;font-weight:800}.banned-header p{color:#666;margin:0;font-size:14px;line-height:1.6}body.dark .banned-header p{color:#fff9}.banned-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;animation:.5s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.banned-info-card{text-align:right;background:#fffc;border:1px solid #00000014;border-radius:16px;margin-bottom:20px;padding:20px}body.dark .banned-info-card{background:#ffffff0d;border-color:#ffffff1a}.banned-reason-section,.banned-duration-section{margin-bottom:16px}.banned-label{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.banned-reason-text{color:var(--txt-dark);background:#ef44440f;border-radius:10px;margin:0;padding:12px;font-size:14px;line-height:1.6}body.dark .banned-reason-text{color:#fff;background:#ef44441a}.banned-countdown{background:#00000008;border-radius:12px;justify-content:center;gap:6px;padding:16px;display:flex}body.dark .banned-countdown{background:#ffffff0d}.countdown-item{flex-direction:column;align-items:center;min-width:55px;display:flex}.countdown-value{color:var(--txt-dark);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}body.dark .countdown-value{color:#fff}.countdown-label{color:#999;margin-top:4px;font-size:10px;font-weight:500}body.dark .countdown-label{color:#fff6}.countdown-separator{color:#00000026;margin-top:4px;font-size:24px;font-weight:700;line-height:1}body.dark .countdown-separator{color:#ffffff26}.banned-lifetime{color:#ef4444;background:#ef444414;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex}body.dark .banned-lifetime{background:#ef444426}.banned-expired{color:#059669;background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;display:flex}body.dark .banned-expired{background:#10b98126}.banned-details-toggle{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}body.dark .banned-details-toggle{color:#ffffff80}.banned-details-toggle:hover{color:var(--primary)}.banned-details{border-top:1px dashed #00000014;margin-top:12px;padding-top:12px}body.dark .banned-details{border-color:#ffffff1a}.banned-detail-row{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}body.dark .banned-detail-row{color:#fff9}.banned-detail-row strong{color:var(--txt-dark);margin-right:auto}body.dark .banned-detail-row strong{color:#fff}.banned-appeal-section{border-top:1px solid #00000014;margin-top:8px;padding-top:20px}body.dark .banned-appeal-section{border-color:#ffffff1a}.appeal-trigger-btn{background:linear-gradient(135deg,var(--primary),#c41118);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.appeal-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec131f4d}.appeal-form{text-align:right}.appeal-form h3{color:var(--txt-dark);text-align:center;margin:0 0 8px;font-size:18px;font-weight:700}body.dark .appeal-form h3{color:#fff}.appeal-form-desc{color:#666;text-align:center;margin:0 0 16px;font-size:13px}body.dark .appeal-form-desc{color:#ffffff80}.appeal-form-group{margin-bottom:14px}.appeal-form-group label{color:var(--txt-dark);margin-bottom:6px;font-size:13px;font-weight:600;display:block}body.dark .appeal-form-group label{color:#fff}.appeal-form-group textarea{resize:vertical;background:#fffc;border:2px solid #00000014;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}body.dark .appeal-form-group textarea{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.appeal-form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ec131f1a}.appeal-form-group textarea.error{border-color:#ef4444}.appeal-error{color:#ef4444;margin-top:4px;font-size:12px;display:block}.appeal-form-actions{gap:10px;margin-top:16px;display:flex}.appeal-form-actions .btn-secondary{color:#666;cursor:pointer;background:0 0;border:2px solid #0000001a;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}body.dark .appeal-form-actions .btn-secondary{color:#ffffffb3;border-color:#ffffff26}.appeal-form-actions .btn-secondary:hover{background:#0000000a}body.dark .appeal-form-actions .btn-secondary:hover{background:#ffffff14}.appeal-form-actions .btn-primary{background:linear-gradient(135deg,var(--primary),#c41118);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.appeal-form-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ec131f40}.appeal-form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.appeal-form-actions .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.appeal-submitted{text-align:center;background:#3b82f614;border-radius:14px;padding:20px}body.dark .appeal-submitted{background:#3b82f61f}.appeal-submitted-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 12px;display:flex}.appeal-submitted h3{color:var(--txt-dark);margin:0 0 8px;font-size:16px;font-weight:700}body.dark .appeal-submitted h3{color:#fff}.appeal-submitted p{color:#666;margin:0;font-size:13px}body.dark .appeal-submitted p{color:#fff9}.appeal-status{color:#666;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}body.dark .appeal-status{color:#fff9}.appeal-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.appeal-badge.orange{color:#d97706;background:#f59e0b26}.appeal-badge.blue{color:#2563eb;background:#3b82f626}.appeal-badge.green{color:#059669;background:#10b98126}.appeal-badge.gray{color:#4b5563;background:#6b728026}.banned-footer{border-top:1px solid #0000000f;margin-top:24px;padding-top:20px}body.dark .banned-footer{border-color:#ffffff14}.banned-footer-note{color:#999;margin:0 0 16px;font-size:12px;line-height:1.6}body.dark .banned-footer-note{color:#fff6}.banned-footer-note a{color:var(--primary);margin-right:4px;font-weight:500;text-decoration:none}.banned-footer-note a:hover{text-decoration:underline}.btn-logout{color:#666;cursor:pointer;background:0 0;border:2px solid #0000001a;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}body.dark .btn-logout{color:#ffffffb3;border-color:#ffffff26}.btn-logout:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}@media (max-width:500px){.banned-screen{padding:24px 16px}.banned-icon{width:70px;height:70px}.banned-header h1{font-size:20px}.countdown-value{font-size:22px}.countdown-item{min-width:45px}.countdown-separator{font-size:18px}.appeal-form-actions{flex-direction:column}.appeal-form-actions .btn-secondary,.appeal-form-actions .btn-primary{flex:none}}.location-section-card{background:#fafbfc;border:1px solid #0000000f;border-radius:16px;margin-top:20px;padding:24px;position:relative;box-shadow:0 2px 8px #0000000a}.location-section-card:before{content:"";background:linear-gradient(90deg,#ec131f 0%,#ff5a5a 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}body.dark .location-section-card{background:#191c2af2;border-color:#ffffff0f;box-shadow:0 2px 12px #0000004d}body.dark .location-section-card:before{background:linear-gradient(90deg,#ec131f 0%,#ff6b6b 100%)}.location-section-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.location-section-header h4{color:#1a1a2e;margin:0;font-size:1.05rem;font-weight:700}.location-section-header p{color:#666;margin:4px 0 0;font-size:.85rem;line-height:1.4}.location-section-header svg{color:#ec131f;flex-shrink:0;margin-top:2px}body.dark .location-section-header{border-bottom-color:#ffffff0f}body.dark .location-section-header h4{color:#fff}body.dark .location-section-header p{color:#ffffff80}body.dark .location-section-header svg{color:#ff6b6b}.location-section-card .auth-form-row{margin-top:16px}.location-section-card .auth-form-group{background:#fff;border:1px solid #00000014;border-radius:12px;padding:14px 16px}.location-section-card .auth-form-group:before{display:none}.location-section-card .auth-form-group:focus-within{border-color:#ec131f;box-shadow:0 0 0 3px #ec131f14}.location-section-card .auth-form-group+.auth-form-group{margin-top:12px}.location-section-card .auth-form-input{background:0 0;padding:10px 0}.location-section-card .auth-form-input:focus{box-shadow:none}.location-section-card .auth-form-input.select-input{padding:10px 32px 10px 0}body.dark .location-section-card .auth-form-group{background:#1e2232cc;border-color:#ffffff14}body.dark .location-section-card .auth-form-group:focus-within{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}body.dark .location-section-card .auth-form-input{color:#fff;background:0 0}body.dark .location-section-card .auth-form-input::placeholder{color:#fff6}@media (min-width:640px){.location-section-card .auth-form-group+.auth-form-group{margin-top:0}}@media (max-width:768px){.location-section-card{border-radius:14px;margin-top:16px;padding:20px 16px}.location-section-header{margin-bottom:16px;padding-bottom:14px}.location-section-header h4{font-size:1rem}.location-section-header p{font-size:.8rem}.location-section-card .auth-form-row{grid-template-columns:1fr;gap:0;margin-top:12px}.location-section-card .auth-form-group+.auth-form-group{margin-top:12px}}@media (max-width:500px){.modal-content{border-radius:20px;max-height:calc(100vh - 32px);margin:16px}.auth-modal-header{padding:24px 20px 20px}.auth-modal-icon{width:56px;height:56px}.auth-modal-header h2{font-size:20px}.auth-modal-form{gap:16px;padding:20px}.auth-form-input{padding:12px 40px;font-size:14px}.auth-submit-btn{padding:14px 20px;font-size:15px}}.loading{pointer-events:none;position:relative}.loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-light);justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.page-header p{color:var(--txt-gray);margin:var(--spacing-xs)0 0 0}@media (max-width:1024px){.nav-main{display:none!important}}@media (max-width:768px){.container{padding-inline:var(--spacing-sm)}.header-main{padding:1rem var(--spacing-sm)}.card{margin-bottom:var(--spacing-md)}.btn{justify-content:center;width:100%}.modal-content{margin:var(--spacing-sm);max-width:none}.page-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}@media (max-width:480px){.header-main{padding-block-start:.75rem;padding-block-end:.75rem;padding-inline:var(--spacing-sm)}.logo{font-size:1.75rem}.page-header h1{font-size:var(--font-size-2xl)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.w-full{width:100%}.h-full{height:100%}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.hero-section{padding:var(--spacing-2xl)0;position:relative;overflow:hidden}.bg-blobs .blob{filter:blur(80px);opacity:.4;z-index:-1;border-radius:50%;position:absolute}.blob1{background:var(--primary);width:500px;height:500px;top:-10%;right:-10%}.blob2{background:var(--accent);width:400px;height:400px;bottom:-10%;left:-10%}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--txt-dark)0%,var(--txt-gray)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem}.stats-grid{gap:var(--spacing-lg);z-index:10;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:-50px;display:grid;position:relative}.stat-card{background:var(--glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-md);border:1px solid #fff3;transition:transform .3s;display:flex;box-shadow:0 10px 30px #0000000d}.stat-card:hover{transform:translateY(-5px)}.stat-icon{background:var(--primary-alpha);width:50px;height:50px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-content h3{color:var(--txt-dark);margin:0;font-size:1.8rem;font-weight:700}.stat-content p{color:var(--txt-gray);margin:0;font-size:.9rem}.filters-section{background:var(--glass-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #ffffff4d}.filters-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.form-label{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--txt-dark);font-size:var(--font-size-sm);display:block}.form-input,.form-select{border-radius:var(--radius);width:100%;font-family:inherit;font-size:var(--font-size-sm);background:#fffc;border:1px solid #0000001a;padding:.6rem 1rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);background:#fff;outline:none}.price-range{align-items:center;gap:var(--spacing-sm);display:flex}.price-range input{width:80px}.btn{border-radius:var(--radius);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;gap:.5rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-alpha);border:none}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px var(--primary-alpha);transform:translateY(-1px)}.btn-secondary{color:var(--txt-dark);background:#0000000d;border:none}.btn-secondary:hover{background:#00000014}.page-header{text-align:center;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg)}.page-header h1{margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--txt-dark)0%,var(--txt-gray)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}.page-header p{color:var(--txt-gray);font-size:1.1rem}.product-details-page{z-index:1;min-height:100vh;padding:3rem 0 4rem;position:relative}.product-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem;margin-bottom:2.5rem;display:grid}.product-gallery,.product-summary,.product-card{background:var(--glass-light);border:var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);padding:1.75rem}body.dark .product-gallery,body.dark .product-summary,body.dark .product-card{background:var(--glass-dark);border:var(--border-dark);color:var(--txt-light)}.product-gallery-main{border-radius:var(--radius-lg);aspect-ratio:4/3;background:linear-gradient(135deg,#f5f7fb 0%,#e2e8f0 100%);min-height:420px;position:relative;overflow:hidden}body.dark .product-gallery-main{background:linear-gradient(135deg,#252525 0%,#1f1f1f 100%)}.product-gallery-picture,.product-thumb-picture{width:100%;height:100%;display:block}.product-gallery-main-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;right:0}.product-gallery-main{cursor:zoom-in}.product-gallery-main.zoomed{cursor:zoom-out;overflow:hidden}.product-gallery-main.zoomed .product-gallery-main-img,.product-gallery-main-img.zoomed{transform-origin:var(--zoom-x,50%)var(--zoom-y,50%);transition:transform .1s ease-out;transform:scale(2.5)}.product-gallery-main.zoomed .gallery-nav,.product-gallery-main.zoomed .product-gallery-indicator,.product-gallery-main.zoomed .product-gallery-progress,.product-gallery-main.zoomed .gallery-zoom-hint{opacity:0;pointer-events:none}.gallery-zoom-hint{border-radius:var(--radius-full);color:#fff;opacity:0;pointer-events:none;z-index:10;background:#0009;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:opacity .3s;position:absolute;top:1rem;right:1rem}.product-gallery-main:hover .gallery-zoom-hint{opacity:1}.product-gallery-fallback{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.gallery-nav{width:44px;height:44px;color:var(--txt-dark);cursor:pointer;transition:var(--transition);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 30px #0f172a33}.gallery-nav.prev{right:1rem}.gallery-nav.next{left:1rem}body.dark .gallery-nav{color:var(--txt-light);background:#1f1f1f}.gallery-nav:hover{transform:translateY(-50%)scale(1.05)}.product-gallery-indicator{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--txt-dark);background:#0e74901a;flex-direction:column;align-items:center;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}body.dark .product-gallery-indicator{color:var(--txt-light);background:#ffffff26}.product-gallery-progress{background:#fff6;height:4px;position:absolute;bottom:0;left:0;right:0}.product-gallery-progress span{background:var(--primary);height:100%;transition:width .3s;display:block}.product-gallery-thumbs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;margin-top:1rem;display:grid}.product-thumb{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #94a3b840;padding:0;position:relative;overflow:hidden}.product-thumb:after{content:"";opacity:0;background:#0f172a33;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.product-thumb.active{border-color:var(--primary)}.product-thumb.active:after{opacity:.15}.product-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.gallery-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;z-index:10;background:#0009;padding:.4rem 1rem;font-size:.85rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.gallery-expand-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;pointer-events:none;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;left:1rem}.gallery-lightbox{z-index:99999;background:#000000fa;justify-content:center;align-items:center;animation:.2s lightboxFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:100000;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;top:5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff4d}.lightbox-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;z-index:100000;background:#000000b3;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;position:fixed;top:5rem;left:50%;transform:translate(-50%)}.lightbox-image-container{justify-content:center;align-items:center;width:100%;height:100%;padding:5rem 4rem;display:flex}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.lightbox-nav{color:#fff;cursor:pointer;z-index:100000;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{right:1rem}.lightbox-nav.next{left:1rem}.lightbox-thumbs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);z-index:100000;z-index:10;background:#000000b3;gap:.5rem;max-width:90%;padding:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox-thumb{border-radius:var(--radius-sm);cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;flex-shrink:0;width:60px;height:45px;padding:0;transition:all .2s;overflow:hidden}.lightbox-thumb:hover{opacity:.9}.lightbox-thumb.active{border-color:var(--primary);opacity:1}.lightbox-thumb img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.lightbox-close{width:44px;height:44px;top:4.5rem;right:1rem}.lightbox-counter{padding:.4rem 1rem;font-size:.8rem;top:4.5rem}.lightbox-nav{width:44px;height:44px}.lightbox-nav.prev{right:.25rem}.lightbox-nav.next{left:.25rem}.lightbox-image-container{padding:5rem 3rem 6rem}.lightbox-thumbs{gap:.3rem;padding:.4rem;bottom:1rem}.lightbox-thumb{width:50px;height:38px}}@media (max-width:480px){.lightbox-close{width:40px;height:40px;top:4.5rem;right:.75rem}.lightbox-counter{padding:.35rem .85rem;font-size:.75rem;top:4.5rem}.lightbox-nav{width:40px;height:40px}.lightbox-image-container{padding:4rem 2.5rem 5rem}.lightbox-thumb{width:45px;height:34px}}.product-summary-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.product-chips{flex-wrap:wrap;gap:.5rem;display:flex}.product-chip{border-radius:var(--radius-full);color:var(--primary);background:#ec131f14;padding:.35rem 1rem;font-weight:700}.product-chip.listing-type{color:#fff}.product-brand-model{color:var(--txt-secondary);align-items:center;gap:.5rem;margin:.25rem 0 .75rem;font-weight:600;display:flex}.product-vehicle-specs{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.product-vehicle-specs .spec-item{border-radius:var(--radius-full);color:var(--txt-secondary);background:#64748b1f;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;display:flex}body.dark .product-vehicle-specs .spec-item{color:var(--txt-light);background:#94a3b82e}.icon-btn{cursor:pointer;width:42px;height:42px;transition:var(--transition);background:#ffffffe6;border:1px solid #94a3b859;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.icon-btn.active{border-color:var(--primary);color:var(--primary)}body.dark .icon-btn{color:var(--txt-light);background:#1f1f1f;border-color:#ffffff1f}.product-price-card{border-radius:var(--radius-lg);border:var(--border-light);background:#ec131f0d;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}body.dark .product-price-card{border:var(--border-dark);background:#ec131f1f}.product-contact-panel{border-radius:var(--radius-xl);border:var(--border-light);background:#f8fafcf2;align-items:stretch;gap:1.5rem;margin-top:1.25rem;padding:1.5rem;display:flex}body.dark .product-contact-panel{border:var(--border-dark);background:#1f1f1f}.contact-panel-copy{flex-direction:column;flex:1;gap:.75rem;display:flex}.contact-panel-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--txt-secondary);font-size:.85rem}body.dark .contact-panel-eyebrow{color:#ffffffb3}.contact-panel-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.contact-panel-features li{color:var(--txt-secondary);align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}body.dark .contact-panel-features li{color:#fffc}.contact-panel-cta{flex-direction:column;justify-content:center;gap:.75rem;min-width:220px;display:flex}.contact-panel-cta .btn{justify-content:center;width:100%}.contact-panel-prompts{margin-top:1rem}.contact-panel-prompts p{color:var(--txt-secondary);margin-bottom:.5rem;font-weight:600}body.dark .contact-panel-prompts p{color:#ffffffd9}.prompt-error{color:#dc2626;margin-top:.5rem;font-size:.9rem;font-weight:600}body.dark .prompt-error{color:#fca5a5}.prompt-chip-group{flex-wrap:wrap;gap:.65rem;display:flex}.prompt-chip{border-radius:var(--radius-full);color:inherit;cursor:pointer;transition:var(--transition);background:0 0;border:1px dashed #ec131f4d;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex}.prompt-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#ec131f14}body.dark .prompt-chip{background:#1f1f1f;border-color:#ec131f73}body.dark .prompt-chip:hover:not(:disabled){background:#ec131f33}.owner-panel{border-radius:var(--radius-xl);border:var(--border-light);background:#f8fafcf2;margin-top:1.25rem;padding:1.5rem}body.dark .owner-panel{border:var(--border-dark);background:#1f1f1f}.owner-panel-header{flex-direction:column;gap:.35rem;display:flex}.owner-panel-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--txt-secondary);font-size:.8rem}body.dark .owner-panel-eyebrow{color:#ffffffb3}.owner-panel-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.owner-action-btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);background:#ec131f0f;border:1px solid #ec131f33;align-items:center;gap:.35rem;padding:.55rem 1rem;font-weight:600;display:inline-flex}.owner-action-btn:disabled{opacity:.6;cursor:not-allowed}.owner-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}body.dark .owner-action-btn{background:#1f1f1f;border-color:#ec131f59}.owner-hint{color:var(--txt-secondary);font-weight:600}body.dark .owner-hint{color:#ffffffd9}.product-meta-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.product-meta-card{border-radius:var(--radius-lg);border:var(--border-light);background:#f8fafccc;align-items:center;gap:.75rem;padding:1rem;display:flex}body.dark .product-meta-card{border:var(--border-dark);background:#1f1f1f}.product-body-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;margin:2.5rem 0 2rem;display:grid}.product-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.product-features div{border-radius:var(--radius-lg);background:#f8fafccc;border:1px dashed #ec131f40;flex-direction:column;gap:.35rem;padding:1rem;display:flex}body.dark .product-features div{background:#1f1f1f;border-color:#ec131f59}.seller-head{align-items:center;gap:1rem;display:flex}.seller-avatar{background:#ec131f14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}body.dark .seller-avatar{background:#ec131f38}.seller-actions{flex-direction:column;gap:.75rem;margin:1rem 0;display:flex}.seller-tip{border-radius:var(--radius-lg);background:#10b9811f;align-items:center;gap:.75rem;padding:1rem;display:flex}body.dark .seller-tip{background:#10b98133}.product-map-card{border-radius:var(--radius-xl);border:var(--border-light);background:#f8fafccc;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}body.dark .product-map-card{border:var(--border-dark);background:#1f1f1f}.product-comments-card textarea{border-radius:var(--radius-lg);border:var(--border-light);width:100%;min-height:140px;color:inherit;background:#f8fafccc;padding:1rem}body.dark .product-comments-card textarea{border:var(--border-dark);color:var(--txt-light);background:#1f1f1f}.comments-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.comment-card{border-radius:var(--radius-lg);border:var(--border-light);background:#f8fafce6;padding:1rem 1.25rem}body.dark .comment-card{border:var(--border-dark);background:#1f1f1f}.comment-author{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comment-author .avatar{background:#ec131f14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.comment-type{border-radius:var(--radius-full);background:#94a3b82e;margin-inline-start:auto;padding:.3rem .75rem;font-size:.85rem}.product-related{margin-top:2rem}.product-error-card{border-radius:var(--radius-xl);text-align:center;margin-top:3rem;padding:3rem}@media (max-width:1100px){.product-hero,.product-body-grid{grid-template-columns:1fr}}@media (max-width:768px){.product-details-page{padding-top:1.5rem}.product-gallery,.product-summary,.product-card{padding:1.25rem}.gallery-nav{width:38px;height:38px}.product-contact-panel{flex-direction:column}.contact-panel-cta{width:100%}}@media (max-width:640px){.product-price-card{flex-direction:column;align-items:flex-start}.product-gallery-thumbs{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.contact-panel-features{grid-template-columns:1fr}}.maintenance-admin-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.maintenance-admin-card{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border:1px solid #dc26264d;border-radius:24px;width:100%;max-width:480px;padding:3rem;animation:.4s slideUp;box-shadow:0 0 0 1px #dc26261a,0 20px 60px #00000080,0 0 100px #dc26261a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.maintenance-admin-icon{color:#dc2626;background:linear-gradient(135deg,#dc262633 0%,#dc26261a 100%);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite pulse;display:flex}.maintenance-admin-card h2{color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-size:1.75rem;font-weight:800}.maintenance-admin-card p{color:#d4d4d4;margin:0 0 .5rem;font-size:1rem;line-height:1.6}.maintenance-admin-card p.sub{color:#737373;margin-bottom:2rem;font-size:.9rem}.maintenance-admin-actions{flex-direction:column;gap:.75rem;display:flex}.maintenance-admin-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #dc26264d}.maintenance-admin-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #dc262666}.maintenance-admin-actions .btn-secondary{color:#a3a3a3;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.maintenance-admin-actions .btn-secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff3}body:not(.dark) .maintenance-admin-card{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-color:#dc262633}body:not(.dark) .maintenance-admin-card h2{color:#1a1a1a}body:not(.dark) .maintenance-admin-card p{color:#525252}body:not(.dark) .maintenance-admin-card p.sub{color:#a3a3a3}body:not(.dark) .maintenance-admin-actions .btn-secondary{color:#525252;border-color:#0000001a}body:not(.dark) .maintenance-admin-actions .btn-secondary:hover{color:#1a1a1a;background:#00000008}.maintenance-page{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.maintenance-bg-elements{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bg-grid{background-image:linear-gradient(#dc262608 1px,#0000 1px),linear-gradient(90deg,#dc262608 1px,#0000 1px);background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 70%)}.bg-circle{filter:blur(100px);border-radius:50%;position:absolute}.bg-circle-1{background:radial-gradient(circle,#dc262666 0%,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite float1;top:-150px;right:-150px}.bg-circle-2{background:radial-gradient(circle,#dc262640 0%,#0000 70%);width:400px;height:400px;animation:15s ease-in-out infinite float2;bottom:-100px;left:-100px}.bg-circle-3{background:radial-gradient(circle,#dc262633 0%,#0000 70%);width:300px;height:300px;animation:6s ease-in-out infinite pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,40px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.05)}}.maintenance-container{z-index:1;width:100%;max-width:560px;position:relative}.maintenance-content{-webkit-backdrop-filter:blur(40px);text-align:center;background:linear-gradient(145deg,#141414f2 0%,#0a0a0afa 100%);border:1px solid #dc262626;border-radius:32px;padding:3.5rem 3rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 4px 20px #0006,0 20px 60px #0009,inset 0 1px #ffffff0d}.maintenance-content:before{content:"";background:linear-gradient(90deg,#0000,#dc262680,#0000);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.maintenance-icon-wrapper{width:120px;height:120px;margin:0 auto 2.5rem;position:relative}.maintenance-icon{color:#dc2626;z-index:2;background:linear-gradient(145deg,#dc262633 0%,#dc26260d 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.maintenance-icon .icon-wrench{animation:3s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.icon-ring{border:2px solid #dc262633;border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.icon-ring-1{animation:2s ease-out infinite ringPulse}.icon-ring-2{animation:2s ease-out 1s infinite ringPulse}@keyframes ringPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.maintenance-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-size:2.25rem;font-weight:800;line-height:1.2}.maintenance-title .title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);-webkit-background-clip:text;background-clip:text}.maintenance-subtitle{color:#737373;margin:0 0 2.5rem;font-size:1.1rem;line-height:1.7}.maintenance-progress{margin-bottom:2.5rem}.progress-bar{background:#ffffff0d;border-radius:100px;width:100%;height:8px;margin-bottom:1rem;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#dc2626 0%,#ef4444 50%,#dc2626 100%) 0 0/200% 100%;border-radius:100px;width:65%;height:100%;animation:2s linear infinite progressShimmer;position:relative}.progress-glow{filter:blur(4px);background:linear-gradient(90deg,#0000 80%,#dc262680 100%);border-radius:100px;width:65%;height:100%;position:absolute;top:0;left:0}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-info{justify-content:center;align-items:center;gap:.5rem;display:flex}.progress-info .spin{color:#dc2626;animation:2s linear infinite spin}.progress-text{color:#525252;font-size:.85rem;font-weight:500}.maintenance-info{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.info-card{text-align:right;background:linear-gradient(145deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.info-card:hover{background:linear-gradient(145deg,#dc26260d 0%,#dc262605 100%);border-color:#dc262633}.info-icon{color:#dc2626;background:linear-gradient(145deg,#dc262626 0%,#dc26260d 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-text h4{color:#525252;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.7rem;font-weight:700}.info-text p{color:#e5e5e5;margin:.375rem 0 0;font-size:.95rem;font-weight:600}.maintenance-message{background:linear-gradient(145deg,#dc262614 0%,#dc262605 100%);border:1px dashed #dc262626;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.maintenance-message p{color:#a3a3a3;margin:0;font-size:.9rem;line-height:1.8}.maintenance-logo{justify-content:center;align-items:center;gap:.875rem;padding-top:.5rem;display:flex}.logo-icon{justify-content:center;align-items:center;display:flex}.logo-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}@media (max-width:640px){.maintenance-page{padding:1rem}.maintenance-content{border-radius:24px;padding:2.5rem 1.75rem}.maintenance-icon-wrapper{width:100px;height:100px}.maintenance-title{font-size:1.75rem}.maintenance-subtitle{font-size:1rem}.maintenance-info{grid-template-columns:1fr}.bg-circle-1{width:300px;height:300px}.bg-circle-2{width:250px;height:250px}.bg-circle-3{width:200px;height:200px}}body:not(.dark) .maintenance-page{background:#f5f5f5}body:not(.dark) .bg-grid{background-image:linear-gradient(#dc26260d 1px,#0000 1px),linear-gradient(90deg,#dc26260d 1px,#0000 1px)}body:not(.dark) .bg-circle-1{background:radial-gradient(circle,#dc262626 0%,#0000 70%)}body:not(.dark) .bg-circle-2{background:radial-gradient(circle,#dc26261a 0%,#0000 70%)}body:not(.dark) .bg-circle-3{background:radial-gradient(circle,#dc262614 0%,#0000 70%)}body:not(.dark) .maintenance-content{background:linear-gradient(145deg,#fffffffa 0%,#fafafafa 100%);border-color:#0000000f;box-shadow:0 0 0 1px #00000008,0 4px 20px #0000000d,0 20px 60px #0000001a}body:not(.dark) .maintenance-content:before{background:linear-gradient(90deg,#0000,#dc26264d,#0000)}body:not(.dark) .maintenance-title{color:#1a1a1a}body:not(.dark) .maintenance-subtitle{color:#737373}body:not(.dark) .progress-bar{background:#0000000d}body:not(.dark) .progress-text{color:#a3a3a3}body:not(.dark) .info-card{background:linear-gradient(145deg,#00000005 0%,#00000003 100%);border-color:#0000000d}body:not(.dark) .info-card:hover{background:linear-gradient(145deg,#dc26260a 0%,#dc262605 100%);border-color:#dc262626}body:not(.dark) .info-text h4{color:#a3a3a3}body:not(.dark) .info-text p{color:#1a1a1a}body:not(.dark) .maintenance-message{background:linear-gradient(145deg,#dc26260d 0%,#dc262605 100%)}body:not(.dark) .maintenance-message p{color:#525252}