:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.12);--font-ar: "Cairo", system-ui, -apple-system, sans-serif;--font-en: "Inter", system-ui, -apple-system, sans-serif;--transition: all .2s cubic-bezier(.16, 1, .3, 1);--header-height: 72px;--bottom-nav-height: 64px}:root[data-palette=basil]{--ink: #10231C;--primary: #0F5A43;--primary-hover: #0a4030;--primary-500: #0F5A43;--on-primary: #FFFFFF;--accent: #C8F031;--accent-hover: #b4db26;--on-accent: #10231C;--bg: #F7F5EE;--surface: #FFFFFF;--surface-subtle: #F0EDE4;--border: #DDD9CC;--border-light: #EBE8DE;--muted: #55655D;--success: #17794F;--warning: #8F5600;--danger: #C93A27;--info: #2F5BEA;--hero-gradient: linear-gradient(135deg, #0A3628 0%, #0F5A43 50%, #06241A 100%);--sidebar-admin: #0A1B14}:root[data-palette=basil][data-theme=dark]{--ink: #EAF3EE;--primary: #5FD3A5;--primary-hover: #48b88d;--primary-500: #5FD3A5;--on-primary: #0B1712;--accent: #C8F031;--accent-hover: #b4db26;--on-accent: #10231C;--bg: #0B1712;--surface: #13241C;--surface-subtle: #192D23;--border: #34433C;--border-light: #24342C;--muted: #9CA6A1;--success: #4FD39A;--warning: #F2B84B;--danger: #FF7A66;--info: #8FB0FF;--hero-gradient: linear-gradient(135deg, #06110D 0%, #10291E 50%, #081611 100%);--sidebar-admin: #070F0C}:root[data-palette=indigo]{--ink: #15133A;--primary: #2A2663;--primary-hover: #1e1b4b;--primary-500: #2A2663;--on-primary: #FFFFFF;--accent: #FFB020;--accent-hover: #e69d15;--on-accent: #15133A;--bg: #F5F4FA;--surface: #FFFFFF;--surface-subtle: #EDEBF5;--border: #DDDCE6;--border-light: #E9E8F0;--muted: #5E5D70;--success: #17794F;--warning: #8F5600;--danger: #C93A27;--info: #2F5BEA;--hero-gradient: linear-gradient(135deg, #181542 0%, #2A2663 50%, #100E2B 100%);--sidebar-admin: #0F0E24}:root[data-palette=indigo][data-theme=dark]{--ink: #ECEBFA;--primary: #9C9BFF;--primary-hover: #8280f7;--primary-500: #9C9BFF;--on-primary: #0E0D26;--accent: #FFB020;--accent-hover: #e69d15;--on-accent: #15133A;--bg: #0E0D26;--surface: #18173F;--surface-subtle: #211F52;--border: #38375A;--border-light: #2A294A;--muted: #9E9DB0;--success: #4FD39A;--warning: #F2B84B;--danger: #FF7A66;--info: #8FB0FF;--hero-gradient: linear-gradient(135deg, #09081A 0%, #151438 50%, #0B0A1E 100%);--sidebar-admin: #080717}:root[data-palette=aubergine]{--ink: #25102A;--primary: #4A1525;--primary-hover: #360d19;--primary-500: #4A1525;--on-primary: #FFFFFF;--accent: #FF5C8A;--accent-hover: #e84b77;--on-accent: #25102A;--bg: #FAF5F7;--surface: #FFFFFF;--surface-subtle: #F3EAF0;--border: #E4D5DE;--border-light: #EEE3EA;--muted: #6C5B67;--success: #17794F;--warning: #8F5600;--danger: #C93A27;--info: #2F5BEA;--hero-gradient: linear-gradient(135deg, #2D0B16 0%, #4A1525 50%, #1D060E 100%);--sidebar-admin: #17050B}:root[data-palette=aubergine][data-theme=dark]{--ink: #F9EBF2;--primary: #FF759E;--primary-hover: #fa5d8a;--primary-500: #FF759E;--on-primary: #21040E;--accent: #FF5C8A;--accent-hover: #e84b77;--on-accent: #25102A;--bg: #150718;--surface: #240C2A;--surface-subtle: #301337;--border: #4A2B52;--border-light: #3A1E41;--muted: #B3A0AF;--success: #4FD39A;--warning: #F2B84B;--danger: #FF7A66;--info: #8FB0FF;--hero-gradient: linear-gradient(135deg, #100613 0%, #220C27 50%, #150718 100%);--sidebar-admin: #0E0410}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-ar);font-size:14px;line-height:1.5;min-height:100vh;transition:background-color .25s ease,color .25s ease;overflow-x:hidden}html[lang=en] body{font-family:var(--font-en)}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}@media (min-width: 768px){.container{padding-inline:24px}}@media (min-width: 1200px){.container{padding-inline:32px}}@media (max-width: 768px){body{padding-bottom:calc(var(--bottom-nav-height) + 12px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:44px;border-radius:var(--radius-full);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px #0000001f}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 14px #0000002e}.btn-accent{background-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 12px #c8f03159}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:0 6px 18px #c8f03173}.btn-outline{background-color:var(--surface);color:var(--primary);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--primary);background-color:var(--surface-subtle)}.btn-ghost{background-color:transparent;color:var(--primary)}.btn-ghost:hover{background-color:var(--surface-subtle)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.nile-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.nile-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.card-offer{border:1.5px solid var(--primary);background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-radius:var(--radius-md);padding:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.badge-featured{background-color:var(--accent);color:var(--on-accent)}.badge-verified{background-color:color-mix(in srgb,var(--success) 15%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.badge-fairprice{background-color:color-mix(in srgb,var(--info) 15%,var(--surface));color:var(--info);border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.input-field{width:100%;padding:10px 14px;background-color:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--ink);font-family:inherit;font-size:14px;outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 769px){.show-on-mobile{display:none!important}}@media (max-width: 1024px){.hide-on-tablet-down{display:none!important}}@media (min-width: 1025px){.show-on-tablet-down{display:none!important}}.responsive-ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media (min-width: 480px){.responsive-ads-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (min-width: 768px){.responsive-ads-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}}@media (min-width: 1024px){.responsive-ads-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}}.responsive-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px}@media (min-width: 600px){.responsive-categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media (min-width: 900px){.responsive-categories-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}}.search-layout-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 992px){.search-layout-grid{grid-template-columns:260px 1fr;gap:24px}}.ad-details-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.ad-details-grid{grid-template-columns:minmax(320px,1.35fr) minmax(300px,1fr);gap:32px}}.dashboard-layout-grid{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}@media (min-width: 900px){.dashboard-layout-grid{display:grid;grid-template-columns:240px 1fr}}.mobile-tabs-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tabs-scroll::-webkit-scrollbar{display:none}.mobile-bottom-nav{position:fixed;bottom:0;inset-inline-start:0;inset-inline-end:0;height:var(--bottom-nav-height);background-color:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014;display:flex;align-items:center;justify-content:space-around;z-index:95;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;padding:6px 12px;flex:1;transition:var(--transition);user-select:none;text-decoration:none}.mobile-bottom-nav-item.active{color:var(--primary)}.mobile-bottom-nav-item.active .nav-icon{transform:scale(1.15)}.mobile-bottom-nav-sell{width:50px;height:50px;border-radius:50%;background-color:var(--accent);color:var(--on-accent);border:3px solid var(--surface);box-shadow:0 4px 14px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:20px;cursor:pointer;margin-top:-18px;transition:var(--transition)}.mobile-bottom-nav-sell:active{transform:scale(.92)}.mobile-drawer-backdrop{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:150;transition:opacity .25s ease}.mobile-drawer-panel{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(320px,85vw);background-color:var(--surface);box-shadow:-4px 0 25px #0003;z-index:151;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:24px;padding:24px 16px}@media (min-width: 768px){.hero-grid{grid-template-columns:1.2fr 1fr;padding:36px 28px}}@media (min-width: 1024px){.hero-grid{grid-template-columns:1.3fr 1fr;padding:44px 36px}}.hero-title{font-size:clamp(24px,5vw,36px);font-weight:900;line-height:1.2;margin-bottom:12px}