@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;600;700&display=swap";.header{background:var(--bg-header);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;transition:var(--theme-transition)}.header-container{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.logo{text-decoration:none;flex-shrink:0}.logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f39c12,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.logo-image{height:45px;width:auto;object-fit:contain}.search-form{display:flex;flex:1;max-width:700px;background:#ffffff1a;border-radius:50px;padding:.25rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.search-input-wrapper{display:flex;align-items:center;flex:1;padding:0 1rem;background:#fff;border-radius:50px 0 0 50px}[dir=rtl] .search-input-wrapper{border-radius:0 50px 50px 0}.search-icon{color:#6c757d;flex-shrink:0}.search-input{flex:1;border:none;outline:none;padding:.75rem;font-size:.95rem;background:transparent;font-family:inherit}.city-select-wrapper{display:flex;align-items:center;padding:0 .5rem 0 1rem;background:#fff;border-left:1px solid #e9ecef;position:relative;cursor:pointer}[dir=rtl] .city-select-wrapper{border-left:none;border-right:1px solid #e9ecef}.city-icon{color:#f39c12;flex-shrink:0;pointer-events:none}.city-select{border:none;outline:none;padding:.75rem 2rem .75rem .5rem;font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:inherit;min-width:120px;width:100%;position:relative;z-index:2}.city-select::-ms-expand{display:none}.city-select:focus{outline:none;box-shadow:none}.city-select:focus,.city-select:active{-webkit-tap-highlight-color:transparent;background-color:transparent}[dir=rtl] .city-select{padding:.75rem .5rem .75rem 2rem}.chevron-icon{position:absolute;right:.5rem;color:#6c757d;pointer-events:none;z-index:1}[dir=rtl] .chevron-icon{right:auto;left:.5rem}.search-button{background:linear-gradient(135deg,#f39c12,#e74c3c);border:none;padding:.75rem 1.5rem;border-radius:50px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.search-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #f39c1266}.nav-desktop{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-toggle:hover{background:#fff3;transform:rotate(15deg)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:scale(1.1)}.dark-mode .theme-toggle{background:#f5a62326;border-color:#f5a6234d}.dark-mode .theme-toggle:hover{background:#f5a62340}.dark-mode .theme-toggle svg{color:#f5a623}.lang-toggle{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.lang-toggle:hover{background:#fff3}.nav-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .2s;background:transparent;border:none;cursor:pointer}.nav-link:hover{background:#ffffff1a}.register-link{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.logout-btn{font-family:inherit;cursor:pointer;pointer-events:auto;position:relative;z-index:10}.logout-btn:hover{background:#e74c3c33;color:#e74c3c}.admin-link{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3)}.admin-link:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.messages-link{position:relative}.messages-link svg{color:#f39c12}.messages-badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:16px;text-align:center;transform:translate(25%,-25%)}[dir=rtl] .messages-badge{right:auto;left:0;transform:translate(-25%,-25%)}.add-listing-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #f39c124d}.add-listing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f39c1266}.mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem}.mobile-menu{display:none;padding:1rem 1.5rem 1.5rem;background:var(--bg-header);border-top:1px solid rgba(255,255,255,.1)}.mobile-search-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mobile-search-form .search-input-wrapper{border-radius:25px}.mobile-search-form .city-select-wrapper{border-radius:25px;border-left:none;border-right:none;padding:0 1rem}.mobile-search-form .city-select{width:100%;min-width:100%;padding:.75rem 2rem .75rem .5rem}[dir=rtl] .mobile-search-form .city-select{padding:.75rem .5rem .75rem 2rem}.mobile-search-form .search-button{width:100%;justify-content:center}.mobile-nav{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;padding:.75rem 1rem;border-radius:12px;font-size:.95rem;font-weight:500;transition:all .2s;background:#ffffff0d;border:none;cursor:pointer;width:100%;text-align:inherit}.mobile-nav-link:hover{background:#ffffff1a}.theme-toggle-mobile{position:relative}.theme-toggle-mobile svg{color:var(--color-primary);transition:transform .3s ease}.dark-mode .theme-toggle-mobile svg{color:#f5a623}.messages-mobile-link{position:relative}.messages-mobile-link svg{color:#f39c12}.mobile-messages-badge{background:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:10px;margin-inline-start:auto}.mobile-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;text-decoration:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;margin-top:.5rem}@media(max-width:1024px){.nav-desktop{display:none}.mobile-menu-btn,.mobile-menu{display:block}.search-form{display:none}}@media(max-width:480px){.header-container{padding:.75rem 1rem}.logo-text{font-size:1.5rem}}@media(max-width:768px){.search-form{backdrop-filter:none;background:#ffffff26}.search-button:hover,.add-listing-btn:hover,.theme-toggle:hover,.theme-toggle:hover svg{transform:none}.nav-link,.mobile-nav-link,.lang-toggle,.theme-toggle{transition:background-color .15s ease}}.footer{background:var(--bg-footer);color:#fff;padding:4rem 0 0;margin-top:auto;transition:var(--theme-transition)}.footer-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-logo{text-decoration:none;display:inline-block;margin-bottom:1rem;cursor:pointer;position:relative;z-index:1}.footer-logo:hover .logo-text{opacity:.8}.footer-logo .logo-text{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#f39c12,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.footer-social{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s}.social-link:hover{background:linear-gradient(135deg,#f39c12,#e74c3c);transform:translateY(-3px)}.footer-section{padding-top:.5rem}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:#fff;position:relative;padding-bottom:.75rem}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:2px}[dir=rtl] .footer-title:after{left:auto;right:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .2s;font-size:.95rem}.footer-links a:hover{color:#f39c12;padding-left:5px}[dir=rtl] .footer-links a:hover{padding-left:0;padding-right:5px}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#ffffffb3;font-size:.95rem}.footer-contact svg{color:#f39c12;flex-shrink:0}.footer-contact a{color:#ffffffb3;text-decoration:none;transition:all .2s}.footer-contact a:hover{color:#f39c12}.footer-bottom{padding:1.5rem 0;text-align:center}.footer-bottom p{color:#ffffff80;font-size:.9rem}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-brand{grid-column:span 2;max-width:100%}}@media(max-width:640px){.footer{padding:3rem 0 0}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-brand{grid-column:span 1}.footer-section{text-align:center}.footer-title:after{left:50%;transform:translate(-50%)}[dir=rtl] .footer-title:after{right:50%;left:auto;transform:translate(50%)}.footer-social,.footer-contact li{justify-content:center}.footer-links a:hover{padding-left:0;padding-right:0}}@media(max-width:768px){.social-link:hover{transform:none}.social-link,.footer-links a,.footer-contact a{transition:color .15s ease}}.page-loader{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.loader-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#f39c12;border-radius:50%;animation:spin .8s linear infinite}:root{--primary: #f39c12;--primary-dark: #e74c3c;--dark: #1a1a2e;--dark-secondary: #16213e;--light: #f8f9fa;--gray: #6c757d;--gray-light: #e9ecef}html{scroll-behavior:smooth}body{font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark);background:var(--light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir=ltr] body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e08e0b,#d35649)}::selection{background:#f39c124d;color:var(--dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:640px){.listings-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:400px){.listings-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#f39c12;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root,.light-mode{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-header: #1a1a2e;--bg-footer: #1a1a2e;--bg-hero: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--bg-card: #ffffff;--bg-input: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1a1a2e;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-inverse: #ffffff;--color-primary: #f39c12;--color-primary-hover: #e67e22;--color-secondary: #e74c3c;--color-accent: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%);--border-color: rgba(0, 0, 0, .08);--border-color-light: rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--header-bg: #1a1a2e;--footer-bg: #1a1a2e;--input-bg: #f8f9fa;--input-border: #e9ecef;--badge-bg: rgba(26, 26, 46, .85);--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}.dark-mode{--bg-primary: #0d0d1a;--bg-secondary: #151528;--bg-tertiary: #1e1e38;--bg-header: #0a0a14;--bg-footer: #0a0a14;--bg-hero: linear-gradient(135deg, #0d0d1a 0%, #0f1425 50%, #0a1628 100%);--bg-card: #1a1a2e;--bg-input: #151528;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #6c6c84;--text-inverse: #0d0d1a;--color-primary: #f5a623;--color-primary-hover: #ffb84d;--color-secondary: #ff6b5b;--color-accent: linear-gradient(135deg, #f5a623 0%, #ff6b5b 100%);--border-color: rgba(255, 255, 255, .08);--border-color-light: rgba(255, 255, 255, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--header-bg: #0a0a14;--footer-bg: #0a0a14;--input-bg: #1a1a2e;--input-border: #2a2a4a;--badge-bg: rgba(245, 166, 35, .9)}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}#root{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--bg-header);color:var(--text-inverse);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;z-index:10000;text-decoration:none;font-weight:600;transition:top .3s ease}.dark-mode .skip-link{background:var(--color-primary);color:var(--text-inverse)}.skip-link:focus{top:0;outline:3px solid var(--color-primary);outline-offset:2px}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}