:root{--primary-color: #FF6B35;--primary-dark: #E85A2A;--primary-light: #FF8555;--secondary-color: #004E89;--secondary-dark: #003862;--secondary-light: #1565A0;--bg-color: #F7F9FC;--surface-color: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #6B7280;--border-color: #E5E7EB;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1);--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: 150ms ease-in-out;--transition-base: 300ms ease-in-out;--transition-slow: 500ms ease-in-out;--font-family-ar: 'Cairo','Tajawal',sans-serif;--font-family-en: 'Roboto','Inter',sans-serif}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body{font-family: var(--font-family-ar);background-color: var(--bg-color);color: var(--text-primary);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}body.ltr{font-family: var(--font-family-en)}.container{max-width: 1280px;margin: 0 auto;padding: 0 var(--spacing-md)}img{max-width: 100%;height: auto;display: block}a{text-decoration: none;color: inherit;transition: var(--transition-fast)}button{border: none;background: none;cursor: pointer;font-family: inherit}.sidebar-menu{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;pointer-events: none;transition: var(--transition-base)}.rtl .sidebar-menu{right: 0;left: auto}.ltr .sidebar-menu{left: 0;right: auto}.sidebar-menu.active{pointer-events: all}.sidebar-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: var(--transition-base)}.sidebar-menu.active .sidebar-overlay{opacity: 1}.sidebar-content{position: absolute;top: 0;right: 0;bottom: 0;width: 320px;max-width: 85vw;background: var(--surface-color);box-shadow: var(--shadow-xl);transform: translateX(100%);transition: var(--transition-base);display: flex;flex-direction: column;overflow-y: auto}.rtl .sidebar-content{right: 0;left: auto;transform: translateX(100%)}.ltr .sidebar-content{left: 0;right: auto;transform: translateX(-100%)}.sidebar-menu.active .sidebar-content{transform: translateX(0)}.sidebar-header{padding: var(--spacing-xl);background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));color: white;display: flex;justify-content: space-between;align-items: center}.sidebar-header h2{font-size: 1.5rem;display: flex;align-items: center;gap: var(--spacing-md)}.close-sidebar{width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.2);color: white;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: var(--transition-fast)}.close-sidebar:hover{background: rgba(255,255,255,0.3);transform: rotate(90deg)}.sidebar-body{flex: 1;padding: var(--spacing-lg);overflow-y: auto}.sidebar-section{margin-bottom: var(--spacing-xl)}.sidebar-section h3{font-size: 0.875rem;font-weight: 700;color: var(--text-secondary);text-transform: uppercase;margin-bottom: var(--spacing-md);padding: 0 var(--spacing-md)}.sidebar-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);border-radius: var(--radius-md);transition: var(--transition-fast);cursor: pointer;background: transparent;width: 100%;text-align: right;margin-bottom: var(--spacing-xs)}.ltr .sidebar-item{text-align: left}.sidebar-item:hover{background: var(--bg-color)}.sidebar-item.install-app{background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color: white;padding: var(--spacing-lg);margin-bottom: var(--spacing-md);border: none}.sidebar-item.install-app:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.sidebar-item.install-app .item-icon{background: rgba(255,255,255,0.2);color: white}.sidebar-item.install-app small{color: rgba(255,255,255,0.9)}.sidebar-item.danger{color: var(--error-color)}.sidebar-item.danger:hover{background: #FEE2E2}.item-icon{width: 45px;height: 45px;border-radius: var(--radius-md);background: var(--bg-color);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: var(--primary-color);flex-shrink: 0}.item-content{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs)}.item-content strong{font-size: 1rem}.item-content small{font-size: 0.75rem;color: var(--text-secondary)}.item-arrow{color: var(--text-secondary);font-size: 0.875rem}.rtl .item-arrow{transform: rotate(180deg)}.sidebar-footer{padding: var(--spacing-lg);border-top: 1px solid var(--border-color);text-align: center;color: var(--text-secondary);font-size: 0.875rem}@keyframes pulse{0%,100%{box-shadow: 0 0 0 0 rgba(0,78,137,0.7)}50%{box-shadow: 0 0 0 10px rgba(0,78,137,0)}}.pulse-animation{animation: pulse 2s infinite}.install-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease;padding: var(--spacing-lg)}.install-modal.active{opacity: 1;visibility: visible}.install-modal-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.75);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.install-modal-content{background: var(--surface-color);border-radius: var(--radius-2xl);max-width: 520px;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;z-index: 1;transform: scale(0.9) translateY(20px);opacity: 0;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 20px 60px rgba(0,0,0,0.3)}.install-modal.active .install-modal-content{transform: scale(1) translateY(0);opacity: 1}.close-install-modal{position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 40px;height: 40px;border-radius: 50%;background: rgba(0,0,0,0.1);border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;z-index: 10;color: var(--text-color)}.close-install-modal:hover{background: var(--error-color);color: white;transform: rotate(90deg)}.close-install-modal i{font-size: 1.25rem}.rtl .close-install-modal{right: auto;left: var(--spacing-md)}.install-instructions{padding: var(--spacing-2xl)}.install-header{text-align: center;margin-bottom: var(--spacing-2xl)}.install-icon{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto var(--spacing-lg);display: flex;align-items: center;justify-content: center;font-size: 2.5rem;box-shadow: var(--shadow-lg)}.install-icon.ios{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.install-icon.android{background: linear-gradient(135deg,#a8edea 0%,#3DDC84 100%);color: white}.install-icon.generic{background: linear-gradient(135deg,#FF6B35 0%,#FF8F6B 100%);color: white}.install-header h2{margin: 0 0 var(--spacing-sm) 0;color: var(--primary-color);font-size: 1.5rem;font-weight: 700}.install-subtitle{color: var(--text-secondary);margin: 0;font-size: 0.95rem}.instruction-steps{display: flex;flex-direction: column;gap: var(--spacing-lg);margin-bottom: var(--spacing-lg)}.step{display: flex;gap: var(--spacing-md);padding: var(--spacing-lg);background: var(--bg-color);border-radius: var(--radius-lg);transition: all 0.2s ease}.step:hover{transform: translateX(-4px);box-shadow: var(--shadow-md)}.rtl .step:hover{transform: translateX(4px)}.step-number{width: 36px;height: 36px;border-radius: 50%;background: linear-gradient(135deg,var(--primary-color) 0%,#FF8F6B 100%);color: white;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;flex-shrink: 0;box-shadow: 0 4px 12px rgba(255,107,53,0.3)}.step-content{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-sm)}.step-icon{font-size: 2rem;margin-bottom: var(--spacing-sm)}.step-content p{margin: 0;line-height: 1.6;color: var(--text-color)}.step-content p strong{color: var(--primary-color);font-weight: 600}.install-note{background: linear-gradient(135deg,rgba(255,107,53,0.1) 0%,rgba(255,143,107,0.1) 100%);padding: var(--spacing-md);border-radius: var(--radius-md);display: flex;align-items: center;gap: var(--spacing-sm);border-left: 3px solid var(--primary-color)}.rtl .install-note{border-left: none;border-right: 3px solid var(--primary-color)}.install-note i{color: var(--primary-color);font-size: 1.25rem;flex-shrink: 0}.install-note small{color: var(--text-secondary);font-size: 0.85rem;line-height: 1.4}@keyframes pulse-animation{0%,100%{transform: scale(1);box-shadow: 0 0 0 0 rgba(255,107,53,0.7)}50%{transform: scale(1.05);box-shadow: 0 0 0 10px rgba(255,107,53,0)}}.pulse-animation{animation: pulse-animation 2s infinite}.pwa-alert{position: fixed;top: 100px;right: var(--spacing-lg);background: var(--surface-color);padding: var(--spacing-lg) var(--spacing-xl);border-radius: var(--radius-xl);box-shadow: 0 8px 32px rgba(0,0,0,0.2);display: flex;align-items: center;gap: var(--spacing-md);max-width: 420px;min-width: 300px;transform: translateX(150%);transition: all 0.4s cubic-bezier(0.4,0,0.2,1);z-index: 9999;border: 1px solid rgba(255,255,255,0.1)}.rtl .pwa-alert{right: var(--spacing-lg);left: auto;transform: translateX(150%)}.ltr .pwa-alert{left: var(--spacing-lg);right: auto;transform: translateX(-150%)}.pwa-alert.show{transform: translateX(0)}.pwa-alert.success{border-left: 4px solid var(--success-color);background: linear-gradient(135deg,var(--surface-color) 0%,rgba(52,199,89,0.05) 100%)}.pwa-alert.info{border-left: 4px solid var(--info-color);background: linear-gradient(135deg,var(--surface-color) 0%,rgba(0,122,255,0.05) 100%)}.pwa-alert.warning{border-left: 4px solid var(--warning-color);background: linear-gradient(135deg,var(--surface-color) 0%,rgba(255,159,10,0.05) 100%)}.pwa-alert.error{border-left: 4px solid var(--error-color);background: linear-gradient(135deg,var(--surface-color) 0%,rgba(255,59,48,0.05) 100%)}.rtl .pwa-alert.success,.rtl .pwa-alert.info,.rtl .pwa-alert.warning,.rtl .pwa-alert.error{border-left: none;border-right: 4px solid}.rtl .pwa-alert.success{border-right-color: var(--success-color)}.rtl .pwa-alert.info{border-right-color: var(--info-color)}.rtl .pwa-alert.warning{border-right-color: var(--warning-color)}.rtl .pwa-alert.error{border-right-color: var(--error-color)}.pwa-alert i{font-size: 1.5rem;flex-shrink: 0}.pwa-alert.success i{color: var(--success-color)}.pwa-alert.info i{color: var(--info-color)}.pwa-alert.warning i{color: var(--warning-color)}.pwa-alert.error i{color: var(--error-color)}.pwa-alert span{flex: 1;line-height: 1.5}@media (max-width: 768px){.pwa-alert{top: 80px;right: var(--spacing-md);left: var(--spacing-md);max-width: none;min-width: auto}.rtl .pwa-alert,.ltr .pwa-alert{right: var(--spacing-md);left: var(--spacing-md)}}.top-header{background: var(--surface-color);box-shadow: var(--shadow-sm);position: sticky;top: 0;z-index: 100;padding: var(--spacing-md) 0}.header-content{display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-lg)}.menu-toggle{width: 45px;height: 45px;border-radius: var(--radius-md);background: var(--bg-color);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: var(--transition-fast);color: var(--text-primary);border: 2px solid transparent}.menu-toggle:hover{background: var(--primary-color);color: white;transform: scale(1.05);border-color: var(--primary-color)}.menu-toggle:active{transform: scale(0.95)}.logo{flex: 1;display: flex;justify-content: center}.logo a{display: flex;align-items: center;gap: var(--spacing-sm);font-size: 1.5rem;font-weight: 700;color: var(--primary-color);text-decoration: none}.logo img{height: 40px;width: auto}.logo-text{font-size: 1.75rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;white-space: nowrap}.header-actions{display: flex;align-items: center;gap: var(--spacing-md)}.lang-switcher{display: flex}.lang-switcher .lang-btn{display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);background: var(--bg-color);font-weight: 600;transition: var(--transition-fast);border: 2px solid transparent;min-width: 60px;justify-content: center}.lang-btn:hover{background: var(--border-color);transform: translateY(-2px);border-color: var(--primary-color)}.user-menu{display: flex}.btn-primary{padding: var(--spacing-sm) var(--spacing-lg);background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));color: white;border-radius: var(--radius-md);font-weight: 600;transition: var(--transition-fast);box-shadow: var(--shadow-md);white-space: nowrap}.btn-primary:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.btn-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--bg-color);transition: var(--transition-fast);border: 2px solid transparent}.btn-icon:hover{background: var(--primary-color);color: white;transform: scale(1.1);border-color: var(--primary-color)}@media (min-width: 1201px){.logo-text{font-size: 2rem}.header-actions{gap: var(--spacing-xl)}}@media (max-width: 1200px) and (min-width: 993px){.logo-text{font-size: 1.6rem}.header-actions{gap: var(--spacing-md)}}@media (max-width: 992px) and (min-width: 769px){.top-header{padding: var(--spacing-sm) 0}.logo-text{font-size: 1.5rem}.header-actions{gap: var(--spacing-sm)}.lang-btn{padding: var(--spacing-sm);min-width: 50px}.btn-primary{padding: var(--spacing-sm) var(--spacing-md);font-size: 0.9rem}}@media (max-width: 768px) and (min-width: 577px){.top-header{padding: var(--spacing-sm) 0}.logo{flex: 0}.logo-text{font-size: 1.3rem}.header-actions{gap: var(--spacing-xs)}.lang-btn{padding: var(--spacing-xs) var(--spacing-sm);min-width: 45px;font-size: 0.875rem}.lang-btn i{display: none}.btn-primary{padding: var(--spacing-xs) var(--spacing-md);font-size: 0.875rem}.btn-icon{width: 36px;height: 36px}.menu-toggle{width: 40px;height: 40px;font-size: 1.1rem}}@media (max-width: 576px){.top-header{padding: var(--spacing-xs) 0}.header-content{gap: var(--spacing-sm)}.logo{flex: 0}.logo-text{font-size: 1.2rem}.header-actions{gap: var(--spacing-xs)}.lang-btn{padding: var(--spacing-xs);min-width: 40px;font-size: 0.85rem}.lang-btn i{display: none}.btn-primary{padding: var(--spacing-xs) var(--spacing-sm);font-size: 0.8rem}.btn-icon{width: 35px;height: 35px;font-size: 0.9rem}.menu-toggle{width: 38px;height: 38px;font-size: 1rem}}@media (max-width: 374px){.logo-text{font-size: 1.1rem}.lang-btn{min-width: 35px;padding: 6px}.btn-primary{padding: 6px 10px;font-size: 0.75rem}.menu-toggle{width: 35px;height: 35px}}.main-content{min-height: calc(100vh - 200px);padding: var(--spacing-xl) 0;padding-bottom: 100px}.banners-slider{position: relative;margin-bottom: var(--spacing-2xl);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-lg)}.slider-container{position: relative;height: 400px}.slide{position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity var(--transition-slow)}.slide.active{opacity: 1}.slide img{width: 100%;height: 100%;object-fit: cover;object-position: center}.slider-btn{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.9);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;transition: var(--transition-fast);box-shadow: var(--shadow-md)}.slider-btn:hover{background: white;transform: translateY(-50%) scale(1.1)}.slider-btn.prev{left: var(--spacing-lg)}.slider-btn.next{right: var(--spacing-lg)}.rtl .slider-btn.prev{left: auto;right: var(--spacing-lg)}.rtl .slider-btn.next{right: auto;left: var(--spacing-lg)}.slider-dots{position: absolute;bottom: var(--spacing-lg);left: 50%;transform: translateX(-50%);display: flex;gap: var(--spacing-sm);z-index: 10}.slider-dot{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: var(--transition-fast)}.slider-dot.active{background: white;width: 30px;border-radius: var(--radius-sm)}.banner-cards{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-md);margin-bottom: var(--spacing-2xl)}.banner-card{border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-fast)}.banner-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-xl)}.banner-card img{width: 100%;height: 150px;object-fit: cover;object-position: center}.filters-section{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);margin-bottom: var(--spacing-2xl);box-shadow: var(--shadow-md)}.section-title{font-size: 1.75rem;font-weight: 700;margin-bottom: var(--spacing-lg);color: var(--text-primary)}.filters-container{display: flex;flex-direction: column;gap: var(--spacing-lg)}.location-filters{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-md)}.filter-select{padding: var(--spacing-md);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-family: inherit;font-size: 1rem;background: var(--surface-color);transition: var(--transition-fast);cursor: pointer}.filter-select:hover{border-color: var(--primary-light)}.filter-select:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(255,107,53,0.1)}.filter-select:disabled{background: var(--bg-color);cursor: not-allowed;opacity: 0.6}.type-filter{display: flex;gap: var(--spacing-md);flex-wrap: wrap}.type-btn{padding: var(--spacing-md) var(--spacing-lg);border: 2px solid var(--border-color);border-radius: var(--radius-lg);display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 600;background: var(--surface-color);transition: var(--transition-fast)}.type-btn:hover{border-color: var(--primary-color);color: var(--primary-color);transform: translateY(-2px)}.type-btn.active{background: var(--primary-color);border-color: var(--primary-color);color: white;box-shadow: var(--shadow-md)}.action-buttons{display: flex;gap: var(--spacing-md)}.btn-near-me{padding: var(--spacing-md) var(--spacing-xl);background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color: white;border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast);box-shadow: var(--shadow-md)}.btn-near-me:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.btn-reset{padding: var(--spacing-md) var(--spacing-xl);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast)}.btn-reset:hover{border-color: var(--text-primary);transform: translateY(-2px)}.results-section{margin-bottom: var(--spacing-2xl)}.results-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-xl);flex-wrap: wrap;gap: var(--spacing-md)}.results-count{color: var(--text-secondary);font-size: 1.25rem}.per-page-selector{display: flex;align-items: center;gap: var(--spacing-sm);background: var(--surface-color);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);border: 2px solid var(--border-color)}.per-page-selector label{display: flex;align-items: center;gap: var(--spacing-xs);font-weight: 600;color: var(--text-primary);margin: 0}.per-page-selector select{padding: var(--spacing-xs) var(--spacing-sm);border: 2px solid var(--border-color);border-radius: var(--radius-sm);font-weight: 600;background: var(--bg-color);cursor: pointer;transition: var(--transition-fast)}.per-page-selector select:hover{border-color: var(--primary-color)}.per-page-selector select:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(255,107,53,0.1)}.per-page-selector span{color: var(--text-secondary);font-size: 0.875rem}.places-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: var(--spacing-lg)}.place-card{background: var(--surface-color);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-fast);cursor: pointer}.place-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-xl)}.card-image{position: relative;height: 200px;overflow: hidden;background: linear-gradient(135deg,var(--bg-color),var(--border-color))}.card-image img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: var(--transition-base)}.place-card:hover .card-image img{transform: scale(1.05)}.placeholder-logo{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 4rem;color: var(--text-secondary)}.favorite-btn{position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.9);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: var(--text-secondary);transition: var(--transition-fast);z-index: 10}.rtl .favorite-btn{right: auto;left: var(--spacing-md)}.favorite-btn:hover{background: white;color: var(--error-color);transform: scale(1.1)}.favorite-btn.active{color: var(--error-color)}.favorite-btn.active i::before{content: "\f004"}.card-content{padding: var(--spacing-lg)}.card-title{font-size: 1.25rem;font-weight: 700;margin-bottom: var(--spacing-sm);color: var(--text-primary);display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.card-type{display: flex;align-items: center;gap: var(--spacing-xs);color: var(--primary-color);font-weight: 600;margin-bottom: var(--spacing-sm);font-size: 0.875rem}.card-description{color: var(--text-secondary);font-size: 0.875rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: var(--spacing-md)}.card-distance{color: var(--secondary-color);font-weight: 600;font-size: 0.875rem;display: flex;align-items: center;gap: var(--spacing-xs)}.card-actions{display: flex;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-lg);border-top: 1px solid var(--border-color);flex-wrap: wrap}.pagination-container{margin-top: var(--spacing-2xl);padding: var(--spacing-xl);background: var(--surface-color);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-lg);flex-wrap: wrap}.pagination-info{font-weight: 600;color: var(--text-secondary);font-size: 0.95rem}.pagination{display: flex;gap: var(--spacing-xs);align-items: center;flex-wrap: wrap}.page-btn{min-width: 40px;height: 40px;padding: 0 var(--spacing-sm);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--surface-color);border: 2px solid var(--border-color);color: var(--text-primary);font-weight: 600;transition: var(--transition-fast);text-decoration: none}.page-btn:hover{border-color: var(--primary-color);color: var(--primary-color);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.page-btn.active{background: var(--primary-color);border-color: var(--primary-color);color: white;box-shadow: var(--shadow-md)}.page-btn.active:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.page-dots{padding: 0 var(--spacing-xs);color: var(--text-secondary);font-weight: 600}.go-to-page{display: flex;align-items: center;gap: var(--spacing-sm)}.go-to-page label{font-weight: 600;color: var(--text-primary);margin: 0}.go-to-page input{width: 70px;padding: var(--spacing-sm);border: 2px solid var(--border-color);border-radius: var(--radius-md);text-align: center;font-weight: 600;transition: var(--transition-fast)}.go-to-page input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(255,107,53,0.1)}.btn-goto{width: 40px;height: 40px;border-radius: var(--radius-md);background: var(--primary-color);color: white;display: flex;align-items: center;justify-content: center;transition: var(--transition-fast);box-shadow: var(--shadow-sm)}.btn-goto:hover{background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--shadow-md)}.rtl .btn-goto i{transform: rotate(180deg)}.action-btn{flex: 1;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-md);font-size: 1.25rem;transition: var(--transition-fast);color: white;border: none;cursor: pointer;font-family: inherit}.action-btn.whatsapp{background: #25D366}.action-btn.whatsapp:hover{background: #1EBE56;transform: translateY(-2px)}.action-btn.maps{background: #4285F4}.action-btn.maps:hover{background: #357AE8;transform: translateY(-2px)}.action-btn.menu{background: var(--primary-color)}.action-btn.menu:hover{background: var(--primary-dark);transform: translateY(-2px)}.action-btn.with-text{flex: 0 0 auto;min-width: 110px;padding: 0 12px;gap: 8px}.action-btn.with-text span{font-size: 0.9rem;font-weight: 600;white-space: nowrap}.action-btn.with-text i{font-size: 1.1rem}@media (max-width: 480px){.action-btn.with-text span{display: none}.action-btn.with-text{min-width: auto;padding: 0}}.modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);backdrop-filter: blur(5px);animation: fadeIn var(--transition-base)}.modal.active{display: flex;align-items: center;justify-content: center}.modal-content{background: var(--surface-color);border-radius: var(--radius-2xl);max-width: 800px;width: 90%;max-height: 90vh;overflow-y: auto;position: relative;animation: slideUp var(--transition-base)}.close-modal{position: absolute;top: var(--spacing-lg);right: var(--spacing-lg);font-size: 2rem;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--bg-color);cursor: pointer;transition: var(--transition-fast);z-index: 10}.rtl .close-modal{right: auto;left: var(--spacing-lg)}.close-modal:hover{background: var(--error-color);color: white;transform: rotate(90deg)}.bottom-nav{position: fixed;bottom: 0;left: 0;right: 0;background: var(--surface-color);box-shadow: 0 -4px 6px rgba(0,0,0,0.1);display: flex;justify-content: space-around;align-items: center;padding: var(--spacing-sm) 0;z-index: 100}.nav-item{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm);color: var(--text-secondary);font-size: 0.75rem;font-weight: 600;transition: var(--transition-fast);flex: 1}.nav-item i{font-size: 1.25rem}.nav-item:hover,.nav-item.active{color: var(--primary-color)}.nav-item-center{margin-top: -30px}.add-button{width: 60px;height: 60px;border-radius: 50%;background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));color: white;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;box-shadow: var(--shadow-lg);transition: var(--transition-fast)}.add-button:hover{transform: scale(1.1) rotate(90deg)}.auth-page{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: var(--spacing-xl);background: linear-gradient(135deg,var(--primary-light),var(--secondary-light))}.auth-container{width: 100%;max-width: 450px}.auth-box{background: var(--surface-color);border-radius: var(--radius-2xl);padding: var(--spacing-2xl);box-shadow: var(--shadow-xl)}.auth-header{text-align: center;margin-bottom: var(--spacing-xl)}.auth-header h1{font-size: 2rem;margin-bottom: var(--spacing-sm);color: var(--primary-color)}.auth-header p{color: var(--text-secondary)}.auth-form{display: flex;flex-direction: column;gap: var(--spacing-lg)}.form-group{display: flex;flex-direction: column;gap: var(--spacing-sm)}.form-group label{font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);color: var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding: var(--spacing-md);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-family: inherit;font-size: 1rem;transition: var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(255,107,53,0.1)}.btn-submit{padding: var(--spacing-md) var(--spacing-xl);background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));color: white;border-radius: var(--radius-md);font-weight: 600;font-size: 1.1rem;transition: var(--transition-fast);box-shadow: var(--shadow-md);display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm)}.btn-submit:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.auth-footer{text-align: center;margin-top: var(--spacing-lg);color: var(--text-secondary)}.auth-footer a{color: var(--primary-color);font-weight: 600}.auth-footer a:hover{text-decoration: underline}.alert{padding: var(--spacing-md) var(--spacing-lg);border-radius: var(--radius-md);margin-bottom: var(--spacing-lg);display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 600}.alert-success{background: #D1FAE5;color: #065F46;border: 2px solid var(--success-color)}.alert-error{background: #FEE2E2;color: #991B1B;border: 2px solid var(--error-color)}.alert-info{background: #DBEAFE;color: #1E40AF;border: 2px solid var(--info-color)}@media (max-width: 768px){.alert{padding: var(--spacing-sm) var(--spacing-md);font-size: 0.9rem}}@media (max-width: 576px){.alert{padding: var(--spacing-sm);font-size: 0.85rem;flex-direction: column;text-align: center}.alert i{font-size: 1.5rem}}.empty-state{text-align: center;padding: var(--spacing-2xl);color: var(--text-secondary)}.empty-state i{font-size: 4rem;margin-bottom: var(--spacing-lg);opacity: 0.5}.empty-state h3{font-size: 1.5rem;margin-bottom: var(--spacing-md);color: var(--text-primary)}@media (max-width: 768px){.empty-state{padding: var(--spacing-xl)}.empty-state i{font-size: 3rem}.empty-state h3{font-size: 1.2rem}}@media (max-width: 576px){.empty-state{padding: var(--spacing-lg)}.empty-state i{font-size: 2.5rem}.empty-state h3{font-size: 1.1rem}.empty-state p{font-size: 0.875rem}}.main-footer{background: var(--surface-color);padding: var(--spacing-2xl) 0 var(--spacing-xl);margin-top: var(--spacing-2xl);border-top: 1px solid var(--border-color)}.footer-content{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-2xl);margin-bottom: var(--spacing-xl)}.footer-section h3{margin-bottom: var(--spacing-md);color: var(--primary-color)}.footer-links{list-style: none;display: flex;flex-direction: column;gap: var(--spacing-sm)}.footer-links a{color: var(--text-secondary);transition: var(--transition-fast)}.footer-links a:hover{color: var(--primary-color)}.social-links{display: flex;gap: var(--spacing-md)}.social-icon{width: 40px;height: 40px;border-radius: 50%;background: var(--bg-color);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: var(--transition-fast)}.social-icon:hover{background: var(--primary-color);color: white;transform: translateY(-3px)}.social-icon.instagram:hover{background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-icon.whatsapp:hover{background: #25D366}.contact-info{margin-top: var(--spacing-md);color: var(--text-secondary);display: flex;align-items: center;gap: var(--spacing-sm);font-size: 0.95rem}.contact-info i{color: #25D366;font-size: 1.1rem}.footer-bottom{text-align: center;padding-top: var(--spacing-lg);border-top: 1px solid var(--border-color);color: var(--text-secondary)}.profile-header{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);margin-bottom: var(--spacing-xl);box-shadow: var(--shadow-md);display: flex;align-items: center;gap: var(--spacing-xl)}.profile-avatar{font-size: 5rem;color: var(--primary-color)}.profile-info{flex: 1}.profile-info h1{font-size: 2rem;margin-bottom: var(--spacing-sm)}.profile-email,.profile-joined{color: var(--text-secondary);margin: var(--spacing-xs) 0;display: flex;align-items: center;gap: var(--spacing-sm)}.profile-content{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);box-shadow: var(--shadow-md)}.profile-tabs{display: flex;gap: var(--spacing-md);margin-bottom: var(--spacing-xl);border-bottom: 2px solid var(--border-color)}.tab-btn{padding: var(--spacing-md) var(--spacing-xl);background: transparent;border: none;border-bottom: 3px solid transparent;font-weight: 600;color: var(--text-secondary);display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast);cursor: pointer;margin-bottom: -2px}.tab-btn:hover{color: var(--primary-color)}.tab-btn.active{color: var(--primary-color);border-bottom-color: var(--primary-color)}.tab-content{display: none}.tab-content.active{display: block}.card-status-badge{position: absolute;top: var(--spacing-md);left: var(--spacing-md);padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-md);font-size: 0.75rem;font-weight: 700;color: white;z-index: 10;display: flex;align-items: center;gap: var(--spacing-xs)}.rtl .card-status-badge{left: var(--spacing-md);right: auto}.ltr .card-status-badge{right: var(--spacing-md);left: auto}.card-status-badge.approved{background: var(--success-color)}.card-status-badge.pending{background: var(--warning-color)}.card-status-badge.rejected{background: var(--error-color)}.card-location,.card-date{color: var(--text-secondary);font-size: 0.875rem;display: flex;align-items: center;gap: var(--spacing-xs);margin: var(--spacing-xs) 0}.place-card.pending{border: 2px solid var(--warning-color)}.place-card.rejected{opacity: 0.7;border: 2px solid var(--error-color)}.btn-logout{padding: var(--spacing-md) var(--spacing-xl);background: var(--error-color);color: white;border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast)}.btn-logout:hover{background: #DC2626;transform: translateY(-2px)}.admin-header{background: var(--secondary-color);color: white;padding: var(--spacing-lg) 0;box-shadow: var(--shadow-md)}.admin-header-content{max-width: 1280px;margin: 0 auto;padding: 0 var(--spacing-md);display: flex;justify-content: space-between;align-items: center}.admin-logo{display: flex;align-items: center;gap: var(--spacing-sm);font-size: 1.5rem;font-weight: 700}.admin-mobile-toggle{display: none;width: 45px;height: 45px;border-radius: var(--radius-md);background: rgba(255,255,255,0.1);color: white;font-size: 1.25rem;align-items: center;justify-content: center;transition: var(--transition-fast);border: none;cursor: pointer}.admin-mobile-toggle:hover{background: rgba(255,255,255,0.2)}.admin-nav{display: flex;gap: var(--spacing-sm);align-items: center;flex: 1;margin: 0 var(--spacing-xl)}.admin-nav a{padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--radius-md);display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 600;transition: var(--transition-fast);color: rgba(255,255,255,0.8);white-space: nowrap}.admin-nav a:hover{background: rgba(255,255,255,0.1);color: white}.admin-nav a.active{background: rgba(255,255,255,0.2);color: white}.admin-nav a i{font-size: 1.1rem}.admin-nav-close{display: none}.admin-nav-user-mobile{display: none}.admin-nav-overlay{display: none}.admin-user{display: flex;align-items: center;gap: var(--spacing-md)}.admin-username{color: white;font-weight: 600}.btn-logout{width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.1);color: white;display: flex;align-items: center;justify-content: center;transition: var(--transition-fast)}.btn-logout:hover{background: var(--error-color);transform: scale(1.1)}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-lg);margin-bottom: var(--spacing-2xl)}.stat-card{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);display: flex;align-items: center;gap: var(--spacing-lg);box-shadow: var(--shadow-md);transition: var(--transition-fast)}.stat-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg)}.stat-icon{width: 60px;height: 60px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: white}.stat-icon.approved{background: var(--success-color)}.stat-icon.pending{background: var(--warning-color)}.stat-icon.rejected{background: var(--error-color)}.stat-icon.total{background: var(--info-color)}.stat-content h3{font-size: 2rem;font-weight: 700}.stat-content p{color: var(--text-secondary)}.submissions-table{background: var(--surface-color);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-md)}.submissions-table table{width: 100%;border-collapse: collapse}.submissions-table th,.submissions-table td{padding: var(--spacing-lg);text-align: right}.rtl .submissions-table th,.rtl .submissions-table td{text-align: right}.ltr .submissions-table th,.ltr .submissions-table td{text-align: left}.submissions-table th{background: var(--bg-color);font-weight: 700;color: var(--text-primary)}.submissions-table tbody tr{border-bottom: 1px solid var(--border-color);transition: var(--transition-fast)}.submissions-table tbody tr:hover{background: var(--bg-color)}.actions-cell{display: flex;gap: var(--spacing-sm)}.btn-view,.btn-approve,.btn-reject{width: 36px;height: 36px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: white;transition: var(--transition-fast)}.btn-view{background: var(--info-color)}.btn-approve{background: var(--success-color)}.btn-reject{background: var(--error-color)}.btn-view:hover,.btn-approve:hover,.btn-reject:hover{transform: translateY(-2px)}.btn-get-location{padding: var(--spacing-md) var(--spacing-xl);background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color: white;border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);transition: var(--transition-fast);box-shadow: var(--shadow-md);width: 100%;font-size: 1rem;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none}.btn-get-location:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.btn-get-location:active{transform: translateY(0)}.btn-get-location:disabled{opacity: 0.7;cursor: not-allowed}.btn-get-location.success{background: linear-gradient(135deg,var(--success-color),#059669)}.btn-get-location i,.btn-get-location span{pointer-events: none}.btn-map-link{background: linear-gradient(135deg,#10B981,#059669) !important}.location-help{display: block;margin-top: var(--spacing-sm);color: var(--text-secondary);font-size: 0.875rem;text-align: center}.btn-help{user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none}.btn-help:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg) !important;opacity: 0.9}.btn-help:active{transform: translateY(0)}.btn-help i{font-size: 1.2rem;pointer-events: none}.btn-help span{pointer-events: none}.help-buttons-container{user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none}@media (max-width: 768px){.detail-image{max-height: 300px;min-height: 200px}.slider-container{height: 200px}}@media (min-width: 769px) and (max-width: 1024px){.detail-image{max-height: 400px;min-height: 250px}.slider-container{height: 300px}}@media (max-width: 1024px){.places-grid{grid-template-columns: repeat(3,1fr)}.banner-cards{grid-template-columns: repeat(2,1fr)}.stats-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 768px){:root{--spacing-md: 0.75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}.places-grid{grid-template-columns: repeat(3,1fr);gap: var(--spacing-sm)}.location-filters{grid-template-columns: 1fr}.banner-cards{grid-template-columns: repeat(2,1fr)}.banner-card img{height: 120px}.slider-container{height: 200px}.card-image{height: 120px}.placeholder-logo{font-size: 2.5rem}.favorite-btn{width: 30px;height: 30px;font-size: 1rem;top: var(--spacing-sm);right: var(--spacing-sm)}.footer-content{grid-template-columns: 1fr}.stats-grid{grid-template-columns: 1fr}.card-content{padding: var(--spacing-sm)}.card-title{font-size: 0.85rem;margin-bottom: 2px;-webkit-line-clamp: 1;line-clamp: 1}.card-type{font-size: 0.7rem;margin-bottom: 2px;gap: 2px}.card-type i{font-size: 0.65rem}.card-description{font-size: 0.7rem;-webkit-line-clamp: 1;line-clamp: 1;margin-bottom: var(--spacing-xs)}.card-distance{font-size: 0.7rem}.card-actions{flex-direction: row;flex-wrap: nowrap;gap: 4px;padding: 6px}.card-actions .action-btn{height: 32px;font-size: 0.9rem;border-radius: 6px}.card-actions .action-btn.menu,.card-actions .action-btn.menu.with-text{order: unset;width: auto;margin: 0;max-width: none}.modal-content{width: 95%;max-height: 95vh}.results-header{flex-direction: column;align-items: flex-start}.pagination-container{flex-direction: column;padding: var(--spacing-md)}.pagination-info{width: 100%;text-align: center;padding-bottom: var(--spacing-sm);border-bottom: 1px solid var(--border-color)}.pagination{width: 100%;justify-content: center}.page-btn{min-width: 35px;height: 35px;font-size: 0.875rem}.go-to-page{width: 100%;justify-content: center;padding-top: var(--spacing-sm);border-top: 1px solid var(--border-color)}.go-to-page input{width: 60px}.per-page-selector{width: 100%;justify-content: center}}@media (max-width: 480px){.places-grid{grid-template-columns: repeat(3,1fr);gap: 5px}.card-image{height: 100px}.placeholder-logo{font-size: 2rem}.card-content{padding: 6px}.card-title{font-size: 0.78rem}.card-type{font-size: 0.65rem}.card-description{font-size: 0.65rem;margin-bottom: 2px}.card-actions{padding: 4px;gap: 3px}.card-actions .action-btn{height: 28px;font-size: 0.8rem}.place-card{border-radius: var(--radius-md)}}@media (min-width: 769px){.bottom-nav{display: none}}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes slideUp{from{transform: translateY(50px);opacity: 0}to{transform: translateY(0);opacity: 1}}.loading{display: inline-block;width: 20px;height: 20px;border: 3px solid rgba(255,255,255,0.3);border-radius: 50%;border-top-color: white;animation: spin 0.6s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.admin-nav{display: flex;gap: var(--spacing-sm)}.admin-nav a{padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--radius-md);display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 600;transition: var(--transition-fast);color: rgba(255,255,255,0.8)}.admin-nav a:hover{background: rgba(255,255,255,0.1);color: white}.admin-nav a.active{background: rgba(255,255,255,0.2);color: white}.banners-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: var(--spacing-lg)}.banner-item{background: var(--surface-color);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-fast)}.banner-item.inactive{opacity: 0.6}.banner-item:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg)}.banner-preview{position: relative;height: 200px;overflow: hidden}.banner-preview img{width: 100%;height: 100%;object-fit: cover;object-position: center}.banner-overlay{position: absolute;top: var(--spacing-md);right: var(--spacing-md)}.rtl .banner-overlay{right: auto;left: var(--spacing-md)}.banner-type-badge{padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-md);color: white;font-weight: 600;font-size: 0.875rem}.banner-type-badge.slider{background: var(--primary-color)}.banner-type-badge.card{background: var(--secondary-color)}.banner-info{padding: var(--spacing-lg)}.banner-info h3{margin-bottom: var(--spacing-sm);font-size: 1.1rem}.banner-order,.banner-status{margin: var(--spacing-xs) 0;font-size: 0.875rem;color: var(--text-secondary)}.banner-actions{display: flex;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-lg);border-top: 1px solid var(--border-color)}.btn-edit,.btn-toggle,.btn-delete,.btn-view,.btn-dropdown{width: 36px;height: 36px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;transition: var(--transition-fast);border: 1px solid var(--border-color);background: var(--surface-color)}@media (max-width: 768px){.btn-edit,.btn-toggle,.btn-delete,.btn-view,.btn-dropdown,.btn-approve,.btn-reject{width: 40px;height: 40px;font-size: 1.1rem}}@media (max-width: 576px){.btn-edit,.btn-toggle,.btn-delete,.btn-view,.btn-dropdown,.btn-approve,.btn-reject{width: 44px;height: 44px;font-size: 1.2rem}}.btn-edit:hover{background: var(--info-color);color: white;border-color: var(--info-color)}.btn-toggle:hover{background: var(--warning-color);color: white;border-color: var(--warning-color)}.btn-delete:hover{background: var(--error-color);color: white;border-color: var(--error-color)}.btn-view:hover{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.btn-add{padding: var(--spacing-md) var(--spacing-xl);background: var(--primary-color);color: white;border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast);box-shadow: var(--shadow-md)}.btn-add:hover{background: var(--primary-dark);transform: translateY(-2px)}.data-table-container{background: var(--surface-color);border-radius: var(--radius-xl);overflow: visible;box-shadow: var(--shadow-md);margin-top: var(--spacing-lg)}.data-table{width: 100%;border-collapse: collapse;overflow: visible}.data-table th,.data-table td{padding: var(--spacing-lg);text-align: right;border-bottom: 1px solid var(--border-color)}.ltr .data-table th,.ltr .data-table td{text-align: left}.data-table th{background: var(--bg-color);font-weight: 700;color: var(--text-primary);position: sticky;top: 0;z-index: 10}.data-table tbody tr{transition: var(--transition-fast);position: relative}.data-table tbody tr:hover{background: var(--bg-color)}.table-image{width: 60px;height: 60px;object-fit: cover;object-position: center;border-radius: var(--radius-md)}.table-placeholder{width: 60px;height: 60px;background: var(--bg-color);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: var(--text-secondary);font-size: 1.5rem}.location-cell small{color: var(--text-secondary);font-size: 0.875rem}.actions-cell{display: flex;gap: var(--spacing-sm);align-items: center;position: relative}.dropdown{position: relative}.dropdown-menu{position: absolute;top: 100%;background: var(--surface-color);border-radius: var(--radius-md);box-shadow: 0 10px 40px rgba(0,0,0,0.2);min-width: 200px;z-index: 9999;display: none;border: 1px solid var(--border-color);margin-top: var(--spacing-xs)}.rtl .dropdown-menu{right: 0;left: auto}.ltr .dropdown-menu{left: auto;right: 0}.dropdown-menu.active{display: block;animation: dropdownSlide 0.2s ease-out}.admin-place-card .dropdown{position: relative}.admin-place-card .dropdown-menu{position: absolute;bottom: auto;top: 100%;z-index: 99999;box-shadow: 0 15px 50px rgba(0,0,0,0.3)}.admin-place-card .dropdown-menu.show-above{top: auto;bottom: 100%;margin-bottom: var(--spacing-xs);margin-top: 0}@keyframes dropdownSlide{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.dropdown-menu a{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-lg);color: var(--text-primary);transition: var(--transition-fast);white-space: nowrap;font-weight: 500;border-bottom: 1px solid var(--border-color);text-decoration: none}.dropdown-menu a:last-child{border-bottom: none}.dropdown-menu a:hover{background: var(--bg-color);padding-right: calc(var(--spacing-lg) + 5px)}.rtl .dropdown-menu a:hover{padding-right: calc(var(--spacing-lg) + 5px);padding-left: var(--spacing-lg)}.ltr .dropdown-menu a:hover{padding-left: calc(var(--spacing-lg) + 5px);padding-right: var(--spacing-lg)}.dropdown-menu a.danger{color: var(--error-color);font-weight: 600}.dropdown-menu a.danger:hover{background: #FEE2E2}.admin-place-card .dropdown-menu{min-width: 220px;max-width: 300px;background: white;border: 2px solid var(--border-color)}.admin-place-card .dropdown-menu a{padding: var(--spacing-md) var(--spacing-lg);font-size: 0.95rem;background: white}.admin-place-card .dropdown-menu a i{width: 20px;text-align: center;font-size: 1rem}.admin-place-card .dropdown-menu a:hover{background: var(--bg-color)}.admin-place-card .dropdown-menu a.danger:hover{background: #FEE2E2}.action-btn.more.active{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.filters-bar{background: var(--surface-color);padding: var(--spacing-lg);border-radius: var(--radius-xl);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm)}.filters-form{display: flex;gap: var(--spacing-md);flex-wrap: wrap;align-items: center}.filter-group{flex: 1;min-width: 200px}.filter-group select,.filter-group input{width: 100%;padding: var(--spacing-md);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-family: inherit}.search-group{display: flex;gap: var(--spacing-sm)}.btn-search{padding: var(--spacing-md) var(--spacing-lg);background: var(--primary-color);color: white;border-radius: var(--radius-md);transition: var(--transition-fast)}.btn-search:hover{background: var(--primary-dark)}.btn-reset-filter{padding: var(--spacing-md) var(--spacing-lg);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm)}.btn-reset-filter:hover{border-color: var(--error-color);color: var(--error-color)}.stats-grid.small{grid-template-columns: repeat(3,1fr);margin-bottom: var(--spacing-xl)}.tabs-container{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-lg)}.tabs{display: flex;gap: var(--spacing-sm);background: var(--surface-color);padding: var(--spacing-sm);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.tab{padding: var(--spacing-md) var(--spacing-xl);border-radius: var(--radius-md);display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 600;color: var(--text-secondary);transition: var(--transition-fast)}.tab:hover{background: var(--bg-color);color: var(--text-primary)}.tab.active{background: var(--primary-color);color: white}.tab-content{margin-top: var(--spacing-lg)}.types-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: var(--spacing-lg);margin-bottom: var(--spacing-2xl)}.type-card{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);box-shadow: var(--shadow-md);transition: var(--transition-fast);display: flex;flex-direction: column;align-items: center;text-align: center}.type-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg)}.type-icon{width: 80px;height: 80px;border-radius: 50%;background: linear-gradient(135deg,var(--primary-light),var(--primary-color));display: flex;align-items: center;justify-content: center;font-size: 2rem;color: white;margin-bottom: var(--spacing-lg)}.type-info h3{font-size: 1.25rem;margin-bottom: var(--spacing-xs)}.type-name-en{color: var(--text-secondary);font-size: 0.875rem;margin-bottom: var(--spacing-md)}.type-usage{color: var(--text-secondary);font-size: 0.875rem;display: flex;align-items: center;gap: var(--spacing-xs);justify-content: center}.type-actions{display: flex;gap: var(--spacing-sm);margin-top: var(--spacing-lg)}.icons-reference{background: var(--surface-color);padding: var(--spacing-xl);border-radius: var(--radius-xl);box-shadow: var(--shadow-sm);margin-top: var(--spacing-2xl)}.icons-reference h3{margin-bottom: var(--spacing-lg);color: var(--secondary-color)}.icons-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: var(--spacing-md)}.icon-item{padding: var(--spacing-lg);border: 2px solid var(--border-color);border-radius: var(--radius-md);text-align: center;cursor: pointer;transition: var(--transition-fast)}.icon-item:hover{border-color: var(--primary-color);background: var(--bg-color);transform: translateY(-2px)}.icon-item i{font-size: 2rem;margin-bottom: var(--spacing-sm);color: var(--primary-color)}.icon-item span{display: block;font-size: 0.75rem;color: var(--text-secondary)}.icons-picker-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(80px,1fr));gap: var(--spacing-sm);max-height: 300px;overflow-y: auto;padding: var(--spacing-sm);background: var(--bg-color);border-radius: var(--radius-md);border: 2px solid var(--border-color)}.icon-picker-item{padding: var(--spacing-md);border: 2px solid var(--border-color);border-radius: var(--radius-md);text-align: center;cursor: pointer;transition: var(--transition-fast);background: var(--surface-color);display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xs)}.icon-picker-item:hover{border-color: var(--primary-color);background: var(--primary-light);transform: scale(1.05)}.icon-picker-item.selected{border-color: var(--primary-color);background: var(--primary-color);color: white}.icon-picker-item.selected i{color: white}.icon-picker-item.selected span{color: white}.icon-picker-item i{font-size: 1.5rem;color: var(--primary-color);transition: var(--transition-fast)}.icon-picker-item span{font-size: 0.65rem;color: var(--text-secondary);word-break: break-all;transition: var(--transition-fast)}.icon-input-group{display: flex;gap: var(--spacing-md);align-items: center}.icon-input-group input{flex: 1}.icon-preview{width: 60px;height: 60px;border: 2px solid var(--border-color);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;background: var(--bg-color)}.icon-preview i{font-size: 2rem;color: var(--primary-color)}.modal-content.small{max-width: 600px}@media (max-width: 768px){.modal-content{width: 95%;max-width: 95%;max-height: 90vh;padding: var(--spacing-lg)}.modal-content.small{width: 95%;max-width: 95%}.modal-content h2{font-size: 1.3rem}}@media (max-width: 576px){.modal-content{width: 100%;max-width: 100%;border-radius: var(--radius-lg);padding: var(--spacing-md)}.modal-content h2{font-size: 1.2rem}.close-modal{width: 35px;height: 35px;font-size: 1.5rem}}.admin-form{display: flex;flex-direction: column;gap: var(--spacing-lg)}.checkbox-label{display: flex;align-items: center;gap: var(--spacing-sm);cursor: pointer;font-weight: 600}.checkbox-label input[type="checkbox"]{width: 20px;height: 20px;cursor: pointer}.image-upload-options{display: flex;flex-direction: column;gap: var(--spacing-md)}.upload-option{display: flex;flex-direction: column;gap: var(--spacing-xs)}.image-preview{margin-top: var(--spacing-md);border: 2px dashed var(--border-color);border-radius: var(--radius-md);padding: var(--spacing-md);min-height: 100px;display: flex;align-items: center;justify-content: center}.image-preview img{max-width: 100%;max-height: 200px;border-radius: var(--radius-md)}.admin-login-container{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));padding: var(--spacing-xl)}.admin-login-box{background: var(--surface-color);border-radius: var(--radius-2xl);padding: var(--spacing-2xl);box-shadow: var(--shadow-xl);max-width: 450px;width: 100%}.admin-logo{text-align: center;margin-bottom: var(--spacing-xl)}.admin-logo i{font-size: 4rem;color: var(--secondary-color);margin-bottom: var(--spacing-md)}.admin-login-form{display: flex;flex-direction: column;gap: var(--spacing-lg)}.back-to-site{text-align: center;margin-top: var(--spacing-lg)}.back-to-site a{color: var(--text-secondary);display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);transition: var(--transition-fast)}.back-to-site a:hover{color: var(--primary-color)}.admin-container{max-width: 1400px;margin: 0 auto;padding: var(--spacing-xl)}.dashboard-section{background: var(--surface-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);margin-bottom: var(--spacing-xl);box-shadow: var(--shadow-md)}.dashboard-section h2{margin-bottom: var(--spacing-lg);color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-sm)}.text-center{text-align: center}.hidden{display: none !important}.required{color: var(--error-color)}.form-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-md)}@media (max-width: 768px){.form-row{grid-template-columns: 1fr}}@media (max-width: 576px){.form-group label{font-size: 0.9rem}.form-group input,.form-group textarea,.form-group select{padding: var(--spacing-sm);font-size: 0.95rem}.form-group small{font-size: 0.8rem}}.form-section{background: var(--surface-color);padding: var(--spacing-xl);border-radius: var(--radius-xl);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm)}.form-section h2{margin-bottom: var(--spacing-lg);color: var(--primary-color);border-bottom: 2px solid var(--border-color);padding-bottom: var(--spacing-md)}.form-actions{display: flex;gap: var(--spacing-md);justify-content: flex-end}@media (max-width: 576px){.form-actions{flex-direction: column-reverse;gap: var(--spacing-sm)}.form-actions .btn-submit,.form-actions .btn-cancel{width: 100%}}.btn-cancel{padding: var(--spacing-md) var(--spacing-xl);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-weight: 600;transition: var(--transition-fast)}.btn-cancel:hover{border-color: var(--text-primary)}.current-file{color: var(--success-color);font-weight: 600;font-size: 0.875rem}.current-image-preview{margin: var(--spacing-md) 0;padding: var(--spacing-md);background: var(--bg-color);border-radius: var(--radius-md);display: inline-block}.current-image-preview img{max-width: 200px;max-height: 200px;border-radius: var(--radius-md);object-fit: contain}.btn-back{padding: var(--spacing-md) var(--spacing-lg);background: var(--surface-color);border: 2px solid var(--border-color);border-radius: var(--radius-md);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-sm);transition: var(--transition-fast);color: var(--text-primary)}.btn-back:hover{border-color: var(--primary-color);color: var(--primary-color);transform: translateY(-2px)}.rtl .btn-back i{transform: rotate(180deg)}.status-badge{padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-md);font-size: 0.75rem;font-weight: 700;display: inline-flex;align-items: center;gap: var(--spacing-xs)}.status-badge.approved{background: #D1FAE5;color: #065F46}.status-badge.pending{background: #FEF3C7;color: #92400E}.status-badge.rejected{background: #FEE2E2;color: #991B1B}.status-badge.active{background: #D1FAE5;color: #065F46}.status-badge.blocked{background: #FEE2E2;color: #991B1B}.user-info{display: flex;align-items: center;gap: var(--spacing-sm)}.count-badge{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);background: var(--bg-color);border-radius: var(--radius-md);font-weight: 600;font-size: 0.875rem}.blocked-row{opacity: 0.6;background: #FEF2F2}.info-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-lg)}.info-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-lg);background: var(--bg-color);border-radius: var(--radius-md)}.info-item i{font-size: 2rem;color: var(--primary-color)}.info-item strong{display: block;margin-bottom: var(--spacing-xs);color: var(--text-primary)}.info-item p{color: var(--text-secondary);margin: 0}@media (max-width: 1200px){.admin-nav{margin: 0 var(--spacing-md);gap: var(--spacing-xs)}.admin-nav a{padding: var(--spacing-sm)}.admin-nav a span{font-size: 0.875rem}.admin-username{display: none}}@media (max-width: 1024px){.stats-grid{grid-template-columns: repeat(2,1fr)}.stats-grid.small{grid-template-columns: repeat(2,1fr)}.banners-grid{grid-template-columns: repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.stats-grid{grid-template-columns: repeat(2,1fr);gap: var(--spacing-md)}.stats-grid.small{grid-template-columns: 1fr}.stat-card{padding: var(--spacing-md)}.stat-icon{width: 50px;height: 50px;font-size: 1.5rem}.stat-content h3{font-size: 1.5rem}.stat-content p{font-size: 0.875rem}}@media (max-width: 576px){.stats-grid{grid-template-columns: 1fr}.stat-card{flex-direction: row;padding: var(--spacing-md)}.stat-icon{width: 60px;height: 60px}}@media (max-width: 900px){.admin-mobile-toggle{display: flex}.admin-user{display: none}.admin-nav{position: fixed;top: 0;right: 0;bottom: 0;width: 300px;max-width: 85vw;background: var(--surface-color);margin: 0;padding: var(--spacing-xl);flex-direction: column;align-items: stretch;gap: var(--spacing-xs);box-shadow: -5px 0 20px rgba(0,0,0,0.3);transform: translateX(100%);transition: transform 0.3s ease;z-index: 10000;overflow-y: auto}.rtl .admin-nav{right: 0;left: auto;transform: translateX(100%)}.ltr .admin-nav{left: 0;right: auto;transform: translateX(-100%)}.admin-nav.active{transform: translateX(0)}.admin-nav-close{display: flex;align-self: flex-end;width: 40px;height: 40px;border-radius: 50%;background: var(--bg-color);color: var(--text-primary);align-items: center;justify-content: center;margin-bottom: var(--spacing-lg);border: none;cursor: pointer;transition: var(--transition-fast)}.admin-nav-close:hover{background: var(--error-color);color: white;transform: rotate(90deg)}.admin-nav a{color: var(--text-primary);padding: var(--spacing-md) var(--spacing-lg);border-radius: var(--radius-md);justify-content: flex-start;white-space: normal}.admin-nav a:hover{background: var(--bg-color)}.admin-nav a.active{background: var(--primary-color);color: white}.admin-nav a i{font-size: 1.25rem}.admin-nav-user-mobile{display: flex;flex-direction: column;gap: var(--spacing-sm);margin-top: var(--spacing-xl);padding-top: var(--spacing-xl);border-top: 2px solid var(--border-color)}.user-info-mobile{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--bg-color);border-radius: var(--radius-md);color: var(--text-primary);font-weight: 600}.user-info-mobile i{font-size: 1.5rem;color: var(--primary-color)}.logout-mobile{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md) var(--spacing-lg);background: var(--error-color);color: white;border-radius: var(--radius-md);font-weight: 600;transition: var(--transition-fast)}.logout-mobile:hover{background: #DC2626;transform: translateY(-2px)}.admin-nav-overlay{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 9999;backdrop-filter: blur(3px);opacity: 0;transition: opacity 0.3s ease}.admin-nav-overlay.active{display: block;opacity: 1}body.nav-open{overflow: hidden}}@media (max-width: 768px){.admin-header{padding: var(--spacing-md) 0}.admin-logo span{font-size: 1.25rem}.admin-nav{width: 280px}.tabs-container{flex-direction: column;gap: var(--spacing-md)}.tabs{width: 100%;flex-direction: column}.stats-grid.small{grid-template-columns: 1fr}.filters-form{flex-direction: column}.filter-group{width: 100%}.search-group{width: 100%}.btn-search,.btn-reset-filter{width: 100%}.data-table-container{overflow-x: auto;margin: 0 calc(-1 * var(--spacing-md));padding: 0 var(--spacing-md)}.types-grid{grid-template-columns: 1fr}.submissions-table{overflow-x: auto;min-width: auto}.submissions-table table{min-width: 700px}}.reports-page .section-title{margin-top: var(--spacing-xl);margin-bottom: var(--spacing-lg);padding-bottom: var(--spacing-md);border-bottom: 2px solid var(--border-color)}.reports-page .section-title h2{font-size: 1.5rem;color: var(--text-primary);margin-bottom: var(--spacing-xs)}.reports-page .section-title p{color: var(--text-secondary);font-size: 0.95rem}.range-selector{display: flex;gap: var(--spacing-sm);flex-wrap: wrap;justify-content: center;padding: var(--spacing-md)}.range-btn{padding: var(--spacing-sm) var(--spacing-lg);background: white;border: 2px solid var(--border-color);border-radius: var(--border-radius);color: var(--text-primary);text-decoration: none;font-weight: 600;transition: all 0.3s ease;display: flex;align-items: center;gap: var(--spacing-xs)}.range-btn:hover{background: var(--light-bg);border-color: var(--primary-color);transform: translateY(-2px)}.range-btn.active{background: var(--primary-color);border-color: var(--primary-color);color: white}.stat-card.highlight{background: linear-gradient(135deg,var(--primary-color),#FF8C5A);color: white;border: none}.stat-card.highlight .stat-icon{background: rgba(255,255,255,0.2);color: white}.stat-card.highlight .stat-content h3,.stat-card.highlight .stat-content p,.stat-card.highlight .stat-content small{color: white}.stat-icon.visitors{background: linear-gradient(135deg,#FF6B35,#FF8C5A)}.stat-icon.pageviews{background: linear-gradient(135deg,#004E89,#0066B3)}.stat-icon.whatsapp{background: linear-gradient(135deg,#25D366,#128C7E)}.stat-icon.maps{background: linear-gradient(135deg,#4285F4,#34A853)}.stat-icon.menu{background: linear-gradient(135deg,#F59E0B,#FBB03B)}.chart-container{background: white;padding: var(--spacing-lg);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-lg);height: 400px}.chart-container.small{height: 300px}.two-columns{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-lg);margin-bottom: var(--spacing-lg)}.two-columns .column{background: white;padding: var(--spacing-lg);border-radius: var(--border-radius);box-shadow: var(--shadow-sm)}.device-stats{margin-top: var(--spacing-lg);display: flex;flex-direction: column;gap: var(--spacing-md)}.device-stat-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm);background: var(--light-bg);border-radius: var(--border-radius)}.device-stat-item i{font-size: 1.5rem;color: var(--primary-color);width: 30px;text-align: center}.device-stat-item span{flex: 1;font-weight: 600}.device-stat-item strong{color: var(--primary-color);font-size: 1.2rem}.countries-list{display: flex;flex-direction: column;gap: var(--spacing-md)}.country-item{display: grid;grid-template-columns: 40px 1fr 120px 60px;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm);background: var(--light-bg);border-radius: var(--border-radius);transition: all 0.3s ease}.country-item:hover{background: #e8f3ff;transform: translateX(-5px)}.country-item .rank{font-weight: 700;color: var(--primary-color);font-size: 1.1rem}.country-item .country-name{font-weight: 600}.country-bar{height: 8px;background: #e0e0e0;border-radius: 10px;overflow: hidden}.country-bar-fill{height: 100%;background: linear-gradient(90deg,var(--primary-color),#FF8C5A);border-radius: 10px;transition: width 0.5s ease}.country-item .country-count{text-align: right;font-weight: 700;color: var(--primary-color)}.top-places-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--spacing-lg);margin-bottom: var(--spacing-xl)}.top-place-card{background: white;border-radius: var(--border-radius);box-shadow: var(--shadow-sm);overflow: hidden;transition: all 0.3s ease;position: relative}.top-place-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-md)}.top-place-card .place-rank{position: absolute;top: 10px;left: 10px;background: var(--primary-color);color: white;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;z-index: 10}.top-place-card .place-image{height: 180px;overflow: hidden}.top-place-card .place-image img{width: 100%;height: 100%;object-fit: cover}.top-place-card .placeholder-image{width: 100%;height: 100%;background: var(--light-bg);display: flex;align-items: center;justify-content: center}.top-place-card .placeholder-image i{font-size: 3rem;color: var(--text-secondary)}.top-place-card .place-info{padding: var(--spacing-md)}.top-place-card .place-info h4{font-size: 1.1rem;margin-bottom: var(--spacing-xs);color: var(--text-primary)}.top-place-card .place-info p{color: var(--text-secondary);font-size: 0.9rem;display: flex;align-items: center;gap: var(--spacing-xs)}.top-place-card .place-views{padding: var(--spacing-md);background: var(--light-bg);display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);color: var(--primary-color);font-weight: 600}.top-place-card .place-views i{font-size: 1.2rem}.top-place-card .place-views strong{font-size: 1.3rem}.types-popularity{display: flex;flex-direction: column;gap: var(--spacing-md);margin-bottom: var(--spacing-xl)}.type-popularity-item{display: grid;grid-template-columns: 60px 1fr 120px;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: white;border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: all 0.3s ease}.type-popularity-item:hover{transform: translateX(-5px);box-shadow: var(--shadow-md)}.type-popularity-item .type-icon{width: 50px;height: 50px;background: linear-gradient(135deg,var(--primary-color),#FF8C5A);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem}.type-popularity-item .type-details h4{margin-bottom: var(--spacing-xs);color: var(--text-primary)}.type-popularity-item .type-bar{height: 10px;background: #e0e0e0;border-radius: 10px;overflow: hidden}.type-popularity-item .type-bar-fill{height: 100%;background: linear-gradient(90deg,var(--primary-color),#FF8C5A);border-radius: 10px;transition: width 0.5s ease}.type-popularity-item .type-count{text-align: right}.type-popularity-item .type-count strong{font-size: 1.3rem;color: var(--primary-color)}.advertiser-summary{background: linear-gradient(135deg,#004E89,#0066B3);color: white;padding: var(--spacing-xl);border-radius: var(--border-radius);margin-top: var(--spacing-xl);box-shadow: var(--shadow-lg)}.advertiser-summary .summary-header{text-align: center;margin-bottom: var(--spacing-xl)}.advertiser-summary .summary-header i{font-size: 3rem;margin-bottom: var(--spacing-md)}.advertiser-summary .summary-header h2{font-size: 2rem;margin: 0}.advertiser-summary .summary-points{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-lg)}.advertiser-summary .summary-point{display: flex;gap: var(--spacing-md);align-items: flex-start}.advertiser-summary .summary-point i{font-size: 1.5rem;color: #10B981;margin-top: 5px}.advertiser-summary .summary-point strong{display: block;margin-bottom: var(--spacing-xs);font-size: 1.1rem}.advertiser-summary .summary-point p{color: rgba(255,255,255,0.9);line-height: 1.6}@media print{.admin-header,.admin-footer,.filters-bar,.header-actions{display: none}.chart-container{page-break-inside: avoid}.stat-card{page-break-inside: avoid}}@media (max-width: 1024px){.two-columns{grid-template-columns: 1fr}.top-places-grid{grid-template-columns: repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.range-selector{flex-direction: column}.range-btn{width: 100%;justify-content: center}.top-places-grid{grid-template-columns: 1fr}.advertiser-summary .summary-points{grid-template-columns: 1fr}.country-item{grid-template-columns: 30px 1fr 80px 50px;gap: var(--spacing-sm);font-size: 0.9rem}}.admin-places-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: var(--spacing-lg);margin-top: var(--spacing-lg);overflow: visible}.admin-place-card{background: var(--surface-color);border-radius: var(--radius-xl);overflow: visible;box-shadow: var(--shadow-md);transition: var(--transition-fast);display: flex;flex-direction: column;position: relative}.admin-place-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-xl);z-index: 10}.admin-card-image{position: relative;height: 200px;overflow: hidden;background: var(--bg-color);cursor: pointer;border-radius: var(--radius-xl) var(--radius-xl) 0 0}.admin-card-image img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: var(--transition-base)}.admin-place-card:hover .admin-card-image img{transform: scale(1.05)}.admin-placeholder-logo{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 4rem;color: var(--text-secondary);background: linear-gradient(135deg,var(--bg-color),var(--border-color))}.admin-status-badge{position: absolute;top: var(--spacing-md);right: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);font-size: 0.875rem;font-weight: 700;color: white;display: flex;align-items: center;gap: var(--spacing-xs);backdrop-filter: blur(10px);box-shadow: var(--shadow-md)}.rtl .admin-status-badge{right: auto;left: var(--spacing-md)}.admin-status-badge.approved{background: rgba(16,185,129,0.95)}.admin-status-badge.pending{background: rgba(245,158,11,0.95)}.admin-status-badge.rejected{background: rgba(239,68,68,0.95)}.admin-card-content{padding: var(--spacing-lg);flex: 1;display: flex;flex-direction: column;gap: var(--spacing-md)}.admin-card-title{font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin: 0;cursor: pointer;transition: var(--transition-fast);display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.admin-card-title:hover{color: var(--primary-color)}.admin-card-meta{display: flex;flex-wrap: wrap;gap: var(--spacing-sm)}.meta-item{display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);background: var(--bg-color);border-radius: var(--radius-sm);font-size: 0.875rem;font-weight: 600;color: var(--text-secondary)}.meta-item i{color: var(--primary-color)}.admin-card-info{display: flex;flex-direction: column;gap: var(--spacing-xs);padding-top: var(--spacing-sm);border-top: 1px solid var(--border-color)}.info-item{display: flex;align-items: center;gap: var(--spacing-sm);font-size: 0.875rem;color: var(--text-secondary)}.info-item i{width: 20px;text-align: center;color: var(--primary-color)}.admin-card-actions{display: flex;gap: var(--spacing-xs);padding: var(--spacing-md);border-top: 2px solid var(--border-color);background: var(--bg-color);position: relative;border-radius: 0 0 var(--radius-xl) var(--radius-xl)}.action-btn{flex: 1;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);font-weight: 600;font-size: 0.875rem;transition: var(--transition-fast);border: 2px solid var(--border-color);background: var(--surface-color);color: var(--text-primary);text-decoration: none;cursor: pointer}.action-btn:hover{transform: translateY(-2px);box-shadow: var(--shadow-sm)}.action-btn.view:hover{background: var(--info-color);color: white;border-color: var(--info-color)}.action-btn.edit:hover{background: var(--warning-color);color: white;border-color: var(--warning-color)}.action-btn.more{position: relative;overflow: visible}.action-btn.more:hover{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.admin-card-actions .dropdown{overflow: visible}.action-btn i{font-size: 1rem}.action-btn span{white-space: nowrap}@media (max-width: 1400px){.admin-places-grid{grid-template-columns: repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1200px){.admin-places-grid{grid-template-columns: repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 992px){.admin-places-grid{grid-template-columns: repeat(2,1fr)}.admin-card-image{height: 180px}}@media (max-width: 768px){.admin-places-grid{grid-template-columns: 1fr}.admin-card-actions{flex-wrap: wrap}.action-btn{flex: 1 1 calc(50% - var(--spacing-xs))}.action-btn.more{flex: 1 1 100%}}@media (max-width: 576px){.admin-card-image{height: 160px}.admin-card-title{font-size: 1.1rem}.meta-item{font-size: 0.8rem}.info-item{font-size: 0.8rem}.action-btn span{display: none}.action-btn{padding: var(--spacing-sm)}.action-btn i{font-size: 1.1rem}}.admin-users-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));gap: var(--spacing-lg);margin-top: var(--spacing-lg);overflow: visible}.admin-user-card{background: var(--surface-color);border-radius: var(--radius-xl);overflow: visible;box-shadow: var(--shadow-md);transition: var(--transition-fast);display: flex;flex-direction: column;position: relative;border: 2px solid var(--border-color)}.admin-user-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-xl);z-index: 10;border-color: var(--primary-color)}.admin-user-card.blocked-card{opacity: 0.7;border-color: var(--error-color);background: #FEF2F2}.admin-user-header{padding: var(--spacing-xl);display: flex;align-items: center;gap: var(--spacing-md);background: linear-gradient(135deg,var(--bg-color),var(--surface-color));border-bottom: 2px solid var(--border-color);position: relative}.user-avatar{width: 70px;height: 70px;border-radius: 50%;background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));display: flex;align-items: center;justify-content: center;color: white;font-size: 3rem;flex-shrink: 0;box-shadow: var(--shadow-md)}.admin-user-card.blocked-card .user-avatar{background: linear-gradient(135deg,var(--error-color),#DC2626)}.user-main-info{flex: 1;min-width: 0}.user-name{font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin: 0 0 var(--spacing-xs) 0;word-break: break-word}.user-email{display: flex;align-items: center;gap: var(--spacing-xs);color: var(--text-secondary);font-size: 0.875rem;word-break: break-all}.user-email i{color: var(--primary-color);flex-shrink: 0}.user-status-badge{padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-md);font-size: 0.875rem;font-weight: 700;color: white;display: flex;align-items: center;gap: var(--spacing-xs);white-space: nowrap;box-shadow: var(--shadow-sm)}.user-status-badge.approved{background: var(--success-color)}.user-status-badge.rejected{background: var(--error-color)}.user-stats{padding: var(--spacing-lg);display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-md);background: var(--surface-color)}.stat-item{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-md);background: var(--bg-color);border-radius: var(--radius-md);transition: var(--transition-fast)}.stat-item:hover{background: var(--border-color);transform: scale(1.05)}.stat-item i{font-size: 1.75rem;color: var(--primary-color);flex-shrink: 0}.admin-user-card.blocked-card .stat-item i{color: var(--error-color)}.stat-content{display: flex;flex-direction: column;gap: 2px}.stat-number{font-size: 1.25rem;font-weight: 700;color: var(--text-primary);line-height: 1}.stat-label{font-size: 0.75rem;color: var(--text-secondary);line-height: 1}.admin-user-actions{display: flex;gap: var(--spacing-xs);padding: var(--spacing-md);border-top: 2px solid var(--border-color);background: var(--bg-color);position: relative;border-radius: 0 0 var(--radius-xl) var(--radius-xl)}.user-action-btn{flex: 1;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);font-weight: 600;font-size: 0.875rem;transition: var(--transition-fast);border: 2px solid var(--border-color);background: var(--surface-color);color: var(--text-primary);text-decoration: none;cursor: pointer}.user-action-btn:hover{transform: translateY(-2px);box-shadow: var(--shadow-sm)}.user-action-btn.edit:hover{background: var(--info-color);color: white;border-color: var(--info-color)}.user-action-btn.password:hover{background: var(--warning-color);color: white;border-color: var(--warning-color)}.user-action-btn.more{position: relative;overflow: visible}.user-action-btn.more:hover{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.user-action-btn.more.active{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.user-action-btn i{font-size: 1rem}.user-action-btn span{white-space: nowrap}.admin-user-card .dropdown{position: relative;overflow: visible}.admin-user-card .dropdown-menu{position: absolute;bottom: auto;top: 100%;z-index: 99999;box-shadow: 0 15px 50px rgba(0,0,0,0.3);background: white;border: 2px solid var(--border-color);min-width: 220px}.admin-user-card .dropdown-menu.show-above{top: auto;bottom: 100%;margin-bottom: var(--spacing-xs)}@media (max-width: 1400px){.admin-users-grid{grid-template-columns: repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 1200px){.admin-users-grid{grid-template-columns: repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 992px){.admin-users-grid{grid-template-columns: repeat(2,1fr)}.user-stats{grid-template-columns: repeat(3,1fr);gap: var(--spacing-sm)}.stat-item{flex-direction: column;text-align: center;padding: var(--spacing-sm)}.stat-item i{font-size: 1.5rem}}@media (max-width: 768px){.admin-users-grid{grid-template-columns: 1fr}.admin-user-header{padding: var(--spacing-lg)}.user-avatar{width: 60px;height: 60px;font-size: 2.5rem}.user-name{font-size: 1.1rem}.user-stats{padding: var(--spacing-md)}.admin-user-actions{flex-wrap: wrap}.user-action-btn{flex: 1 1 calc(50% - var(--spacing-xs))}.user-action-btn.more{flex: 1 1 100%}}@media (max-width: 576px){.admin-user-header{flex-wrap: wrap;justify-content: center;text-align: center}.user-main-info{width: 100%;text-align: center}.user-email{justify-content: center}.user-status-badge{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm)}.rtl .user-status-badge{right: auto;left: var(--spacing-sm)}.user-stats{grid-template-columns: 1fr;gap: var(--spacing-sm)}.stat-item{flex-direction: row;justify-content: flex-start}.stat-item i{font-size: 1.5rem}.stat-content{align-items: flex-start}.user-action-btn span{display: none}.user-action-btn{padding: var(--spacing-sm)}.user-action-btn i{font-size: 1.1rem}}.data-table-container{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}@media (max-width: 992px){.admin-container{padding: var(--spacing-md)}.dashboard-header{flex-direction: column;gap: var(--spacing-md)}.dashboard-header h1{font-size: 1.5rem}.dashboard-header p{font-size: 0.9rem}.dashboard-header .btn-add{width: 100%}}@media (max-width: 768px){.data-table{font-size: 0.875rem}.data-table th,.data-table td{padding: var(--spacing-sm)}.tabs-container{flex-direction: column;gap: var(--spacing-md)}.tabs{width: 100%;flex-direction: column;padding: 0}.tab{width: 100%;justify-content: center}.btn-add{width: 100%;justify-content: center}.add-btn-text{display: inline}}@media (max-width: 576px){.data-table{font-size: 0.8rem}.data-table th,.data-table td{padding: var(--spacing-xs) var(--spacing-sm)}.actions-cell{flex-direction: column;gap: var(--spacing-xs)}.actions-cell .btn-edit,.actions-cell .btn-delete,.actions-cell .btn-view,.actions-cell .btn-approve,.actions-cell .btn-reject,.actions-cell .btn-toggle{width: 100%}.tab span{font-size: 0.85rem}}@media (max-width: 992px){.banners-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 576px){.banners-grid{grid-template-columns: 1fr}.banner-preview{height: 180px}}.dashboard-section{overflow-x: auto;-webkit-overflow-scrolling: touch}.submissions-table{min-width: 800px}@media (max-width: 992px){.dashboard-section h2{font-size: 1.3rem}}@media (max-width: 768px){.submissions-table table{font-size: 0.875rem}.submissions-table th,.submissions-table td{padding: var(--spacing-sm)}}@media (max-width: 576px){.dashboard-header h1{font-size: 1.3rem}.dashboard-header p{font-size: 0.85rem}.submissions-table table{font-size: 0.8rem}.submissions-table th,.submissions-table td{padding: var(--spacing-xs)}}@media (max-width: 768px){.count-badge{font-size: 0.8rem;padding: var(--spacing-xs)}}@media (max-width: 576px){.data-table-container{margin: 0 calc(-1 * var(--spacing-md))}}.loading-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease}.loading-modal.active{display: flex;opacity: 1}.loading-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);backdrop-filter: blur(5px)}.loading-box{position: relative;background: white;border-radius: 20px;padding: var(--spacing-2xl);text-align: center;box-shadow: 0 25px 50px rgba(0,0,0,0.5);max-width: 400px;width: 90%;animation: loadingBounce 0.5s ease}.loading-spinner{margin-bottom: var(--spacing-lg)}.loading-spinner i{font-size: 4rem;color: var(--primary-color);animation: spin 1s linear infinite}.loading-box h3{font-size: 1.5rem;color: var(--text-primary);margin-bottom: var(--spacing-sm)}.loading-box p{color: var(--text-secondary);font-size: 1rem;margin: 0}@keyframes loadingBounce{0%{transform: scale(0.8);opacity: 0}50%{transform: scale(1.05)}100%{transform: scale(1);opacity: 1}}.admin-alert-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;align-items: center;justify-content: center}.admin-alert-modal.active{display: flex;animation: fadeIn 0.2s ease}.admin-alert-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);backdrop-filter: blur(3px)}.admin-alert-box{position: relative;background: white;border-radius: 15px;box-shadow: 0 25px 50px rgba(0,0,0,0.3);max-width: 500px;width: 90%;animation: slideDown 0.3s ease;overflow: hidden}.admin-alert-header{padding: var(--spacing-xl);text-align: center;border-bottom: 2px solid var(--border-color)}.admin-alert-icon{font-size: 4rem;margin-bottom: var(--spacing-md);display: block}.admin-alert-title{font-size: 1.5rem;color: var(--text-primary);margin: 0}.admin-alert-body{padding: var(--spacing-xl);text-align: center}.admin-alert-message{font-size: 1.1rem;line-height: 1.6;color: var(--text-secondary);margin: 0}.admin-alert-footer{padding: var(--spacing-lg);background: var(--light-bg);display: flex;gap: var(--spacing-md);justify-content: center}.admin-alert-btn{padding: var(--spacing-md) var(--spacing-xl);border: none;border-radius: var(--border-radius);font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: var(--spacing-sm);min-width: 120px;justify-content: center}.admin-alert-btn.confirm-btn{background: var(--primary-color);color: white}.admin-alert-btn.confirm-btn:hover{background: #ff8c5a;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(255,107,53,0.3)}.admin-alert-btn.cancel-btn{background: #e5e7eb;color: var(--text-primary)}.admin-alert-btn.cancel-btn:hover{background: #d1d5db;transform: translateY(-2px)}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes slideDown{from{transform: translateY(-50px);opacity: 0}to{transform: translateY(0);opacity: 1}}@media (max-width: 768px){.admin-alert-box{width: 95%;max-width: none}.admin-alert-icon{font-size: 3rem}.admin-alert-title{font-size: 1.3rem}.admin-alert-message{font-size: 1rem}.admin-alert-footer{flex-direction: column}.admin-alert-btn{width: 100%}}.image-loading-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,rgba(255,107,53,0.9) 0%,rgba(247,147,30,0.9) 100%);display: flex;align-items: center;justify-content: center;z-index: 10;transition: opacity 0.5s ease,visibility 0.5s ease;border-radius: inherit}.image-loading-overlay.hidden{opacity: 0;visibility: hidden}.image-loading-content{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-md)}.image-loading-logo{width: 60px;height: 60px;background: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 20px rgba(0,0,0,0.2);animation: imagePulse 2s ease-in-out infinite}.image-loading-logo i{font-size: 30px;color: var(--primary-color)}.image-loading-dots{display: flex;gap: 6px}.image-loading-dot{width: 8px;height: 8px;background: white;border-radius: 50%;animation: imageDotPulse 1.4s ease-in-out infinite}.image-loading-dot:nth-child(1){animation-delay: 0s}.image-loading-dot:nth-child(2){animation-delay: 0.2s}.image-loading-dot:nth-child(3){animation-delay: 0.4s}@keyframes imagePulse{0%,100%{transform: scale(1);box-shadow: 0 5px 20px rgba(0,0,0,0.2)}50%{transform: scale(1.1);box-shadow: 0 8px 25px rgba(0,0,0,0.3)}}@keyframes imageDotPulse{0%,100%{opacity: 0.3;transform: scale(0.8)}50%{opacity: 1;transform: scale(1.2)}}.card-image,.slide,.banner-card{position: relative}@media (max-width: 480px){.image-loading-logo{width: 50px;height: 50px}.image-loading-logo i{font-size: 25px}.image-loading-dot{width: 6px;height: 6px}}.pdf-viewer-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.95);z-index: 99999;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}.pdf-viewer-modal.active{opacity: 1;visibility: visible}.pdf-viewer-container{width: 95%;height: 95%;max-width: 1400px;background: white;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 25px 50px rgba(0,0,0,0.5);transform: scale(0.9);transition: transform 0.3s ease}.pdf-viewer-modal.active .pdf-viewer-container{transform: scale(1)}.pdf-viewer-header{background: var(--primary-color);color: white;padding: 12px 20px;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 15px;flex-wrap: wrap}.pdf-viewer-title{font-size: 1.2rem;font-weight: 600;display: flex;align-items: center;gap: 10px;white-space: nowrap}.pdf-viewer-title i{font-size: 1.4rem}.pdf-controls{display: flex;align-items: center;gap: 12px;flex: 1;justify-content: center}.control-group{display: flex;align-items: center;gap: 8px;background: rgba(255,255,255,0.15);padding: 6px 12px;border-radius: 8px;backdrop-filter: blur(10px)}.control-btn{background: transparent;border: none;color: white;width: 32px;height: 32px;border-radius: 6px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;font-size: 1rem;font-family: inherit}.control-btn:hover{background: rgba(255,255,255,0.25);transform: scale(1.1)}.control-btn:active{transform: scale(0.95)}.control-btn.fit-btn{background: rgba(255,255,255,0.2);padding: 0 12px;width: auto}.control-btn.fit-btn:hover{background: rgba(255,255,255,0.35)}.page-info,.zoom-level{color: white;font-weight: 600;font-size: 0.95rem;min-width: 70px;text-align: center}.page-info{display: flex;align-items: center;gap: 4px}.pdf-viewer-actions{display: flex;gap: 10px}.pdf-action-btn{background: rgba(255,255,255,0.2);border: none;color: white;width: 40px;height: 40px;border-radius: 8px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;font-size: 1.2rem}.pdf-action-btn:hover{background: rgba(255,255,255,0.3);transform: translateY(-2px)}.pdf-action-btn.close-btn{background: rgba(239,68,68,0.8)}.pdf-action-btn.close-btn:hover{background: rgba(239,68,68,1)}.pdf-viewer-content{flex: 1;overflow: hidden;background: #2c3e50;position: relative}.pdf-viewer-iframe,.pdf-viewer-object,.pdf-viewer-embed{width: 100%;height: 100%;border: none;display: block}.pdf-loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100}.pdf-loading .spinner{width: 50px;height: 50px;border: 4px solid rgba(255,255,255,0.1);border-top: 4px solid var(--primary-color);border-radius: 50%;animation: spinFast 0.6s linear infinite}@keyframes spinFast{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.pdf-error{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: white;text-align: center;padding: 40px;font-size: 1.1rem}.pdf-mobile-actions{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top,rgba(0,0,0,0.95),rgba(0,0,0,0.7));padding: 12px;display: flex;gap: 10px;z-index: 1000;backdrop-filter: blur(10px)}.btn-pdf-action{flex: 1;padding: 12px 16px;border: none;border-radius: 10px;color: white;font-weight: 600;font-size: 0.95rem;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.2s ease;font-family: inherit;box-shadow: 0 4px 12px rgba(0,0,0,0.3)}.btn-pdf-action i{font-size: 1.1rem}.btn-pdf-action.primary{background: linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.btn-pdf-action.primary:hover,.btn-pdf-action.primary:active{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(255,107,53,0.4)}.btn-pdf-action.secondary{background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark))}.btn-pdf-action.secondary:hover,.btn-pdf-action.secondary:active{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0,78,137,0.4)}@media (max-width: 768px){.pdf-viewer-modal{padding: 0}.pdf-viewer-container{width: 100%;height: 100%;max-width: 100%;border-radius: 0}.pdf-viewer-header{padding: 10px 12px;gap: 10px}.pdf-viewer-title{font-size: 1rem}.pdf-viewer-title span{display: none}.pdf-controls{gap: 8px;flex-wrap: wrap;justify-content: center}.control-group{gap: 6px;padding: 4px 10px}.control-btn{width: 30px;height: 30px;font-size: 0.9rem}.control-btn.fit-btn{padding: 0 10px}.page-info,.zoom-level{min-width: 60px;font-size: 0.85rem}.pdf-action-btn{width: 36px;height: 36px;font-size: 1rem}.pdf-viewer-content{border-radius: 0}.pdf-mobile-actions{padding: 10px}.btn-pdf-action{padding: 10px 14px;font-size: 0.9rem}}@media (max-width: 480px){.pdf-viewer-header{padding: 8px 10px;gap: 8px}.pdf-controls{width: 100%;order: 3;margin-top: 6px;gap: 6px}.control-group{padding: 3px 8px;gap: 4px;flex: 1;justify-content: center}.control-btn{width: 28px;height: 28px;font-size: 0.85rem}.control-btn.fit-btn{padding: 0 8px;width: 100%;margin-top: 4px}.page-info,.zoom-level{min-width: 50px;font-size: 0.8rem}.pdf-action-btn{width: 32px;height: 32px;font-size: 0.9rem}.pdf-mobile-actions{padding: 8px;gap: 8px}.btn-pdf-action{font-size: 0.85rem;padding: 9px 12px}.btn-pdf-action span{font-size: 0.8rem}}@media (max-width: 1024px) and (orientation: landscape){.pdf-viewer-header{padding: 8px 15px}.pdf-controls{gap: 10px}.control-group{padding: 4px 10px}.pdf-mobile-actions{padding: 8px 15px}.btn-pdf-action{padding: 8px 12px;font-size: 0.85rem}}@media (min-width: 769px) and (max-width: 1024px){.pdf-viewer-header{padding: 12px 18px}.pdf-controls{gap: 10px}.control-group{padding: 5px 10px;gap: 6px}.control-btn{width: 30px;height: 30px}.page-info,.zoom-level{font-size: 0.9rem;min-width: 65px}}.card-actions{display: flex;flex-wrap: nowrap;align-items: stretch;gap: 6px}.card-actions .action-btn{flex: 1 1 0;min-width: 0;width: auto;height: 40px;padding: 0;margin: 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;gap: 6px;border: 0;border-radius: var(--radius-md);color: #fff;font-size: 1.15rem;line-height: 1;text-decoration: none;box-shadow: none}.card-actions .action-btn i{display: inline-block;font-size: 1em;line-height: 1;color: inherit}.card-actions .action-btn.whatsapp{background: #25D366}.card-actions .action-btn.maps{background: #4285F4}.card-actions .action-btn.menu,.card-actions .action-btn.menu.with-text{background: var(--primary-color);flex: 1 1 0;min-width: 0;order: 0;max-width: none}.card-actions .action-btn.with-text span{font-size: 0.85rem;font-weight: 600;white-space: nowrap}@media (max-width: 768px){.card-actions{gap: 4px;padding: 6px}.card-actions .action-btn{height: 32px;font-size: 0.95rem;border-radius: 6px}.card-actions .action-btn.with-text span{display: none}}@media (max-width: 480px){.card-actions{gap: 3px;padding: 5px}.card-actions .action-btn{height: 30px;font-size: 0.9rem}}/* قسم "ابحث عن مكانك المفضل" مضغوط على الهاتف */ @media (max-width: 768px){.filters-section{padding: 12px;margin-bottom: 14px;border-radius: var(--radius-lg)}.filters-section .section-title{font-size: 1.05rem;margin-bottom: 10px}.filters-container{gap: 10px}.location-filters{grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.filter-select{padding: 8px 4px;font-size: 0.75rem;border-width: 1px;border-radius: 8px;min-width: 0;width: 100%;text-overflow: ellipsis}.type-filter{flex-wrap: nowrap;overflow-x: auto;gap: 6px;padding-bottom: 2px;-webkit-overflow-scrolling: touch;scrollbar-width: none}.type-filter::-webkit-scrollbar{display: none}.type-btn{flex: 0 0 auto;padding: 6px 12px;font-size: 0.8rem;gap: 5px;border-width: 1px;border-radius: 999px}.filters-section .action-buttons{gap: 6px}.btn-near-me,.btn-reset{flex: 1 1 0;justify-content: center;padding: 8px 10px;font-size: 0.8rem;gap: 5px;border-width: 1px}}