[id$="-dropdown-menu"]{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#000 #f3f4f6;}[id$="-dropdown-menu"]::-webkit-scrollbar{width:6px;}[id$="-dropdown-menu"]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px;}[id$="-dropdown-menu"]::-webkit-scrollbar-thumb{background:#000;border-radius:10px;}[id$="-dropdown-menu"]::-webkit-scrollbar-thumb:hover{background:#333;}[id$="-dropdown-btn"]:hover{border-color:#4b5563;}[id$="-dropdown-btn"]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,0.1);}[id$="-arrow"]{transition:transform 0.2s ease;}@media (max-width:768px){[id$="-dropdown-menu"] button{min-height:44px;}[id$="-dropdown-menu"]{max-height:280px;}}@media (min-width:769px){[id$="-dropdown-menu"] button:hover{background-color:#f9fafb;}}[id$="-dropdown-menu"] button.selected{background-color:#f3f4f6;font-weight:700;}.modern-card{background:white;border:2px solid #E5E7EB;border-radius:1rem;padding:1.5rem;transition:all 0.3s ease;}.modern-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #F3F4F6;}.modern-card-title{font-size:1.5rem;font-weight:bold;color:#1F2937;display:flex;align-items:center;gap:0.75rem;}.stat-card{background:white;border:2px solid #E5E7EB;border-radius:1rem;padding:1.5rem;transition:all 0.3s ease;position:relative;overflow:hidden;}.stat-card-icon{width:3rem;height:3rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#F9FAFB;border:2px solid #E5E7EB;}.stat-card-value{font-size:2rem;font-weight:bold;color:#111827;line-height:1;margin-bottom:0.5rem;}.stat-card-label{color:#6B7280;font-size:0.875rem;font-weight:500;}.modern-table{width:100%;border-collapse:separate;border-spacing:0;}.modern-table thead{background:#F9FAFB;}.modern-table th{padding:1rem;text-align:right;font-weight:600;color:#374151;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid #E5E7EB;}.modern-table td{padding:1rem;border-bottom:1px solid #F3F4F6;color:#1F2937;}.modern-table tbody tr{transition:all 0.2s ease;}.modern-btn{padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:0.875rem;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;border:2px solid transparent;}.modern-btn-primary{background:#000;color:white;border-color:#000;}.modern-btn-secondary{background:white;color:#374151;border-color:#D1D5DB;}.modern-btn-danger{background:white;color:#DC2626;border-color:#FCA5A5;}.modern-btn-success{background:white;color:#059669;border-color:#6EE7B7;}.modern-input{width:100%;padding:0.75rem 1rem;border:2px solid #E5E7EB;border-radius:0.75rem;font-size:0.875rem;transition:all 0.2s ease;background:white;}.modern-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,0.1);}.modern-input-icon{position:relative;}.modern-input-icon input{padding-right:3rem;}.modern-input-icon .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9CA3AF;pointer-events:none;}.modern-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;border:1px solid;}.modern-badge-success{background:#ECFDF5;color:#059669;border-color:#6EE7B7;}.modern-badge-danger{background:#FEF2F2;color:#DC2626;border-color:#FCA5A5;}.modern-badge-warning{background:#FFFBEB;color:#D97706;border-color:#FCD34D;}.modern-badge-info{background:#EFF6FF;color:#2563EB;border-color:#93C5FD;}.modern-badge-gray{background:#F9FAFB;color:#6B7280;border-color:#E5E7EB;}.modern-search{position:relative;max-width:32rem;}.modern-search input{width:100%;padding:0.75rem 1rem 0.75rem 3rem;border:2px solid #E5E7EB;border-radius:9999px;font-size:0.875rem;transition:all 0.2s ease;}.modern-search input:focus{outline:none;border-color:#000;}.modern-search .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9CA3AF;pointer-events:none;}.modern-tabs{display:flex;gap:0.5rem;border-bottom:2px solid #E5E7EB;margin-bottom:2rem;}.modern-tab{padding:1rem 1.5rem;font-weight:600;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all 0.2s ease;background:transparent;border-left:none;border-right:none;border-top:none;}.modern-tab.active{color:#000;border-bottom-color:#000;}.modern-dropdown{position:relative;display:inline-block;}.modern-dropdown-content{position:absolute;background:white;border:2px solid #E5E7EB;border-radius:0.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);min-width:12rem;z-index:50;padding:0.5rem;}.modern-dropdown-item{padding:0.75rem 1rem;color:#374151;display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease;font-size:0.875rem;}.modern-alert{padding:1rem 1.25rem;border-radius:0.75rem;border:2px solid;display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;}.modern-alert-success{background:#ECFDF5;border-color:#6EE7B7;color:#065F46;}.modern-alert-error{background:#FEF2F2;border-color:#FCA5A5;color:#991B1B;}.modern-alert-warning{background:#FFFBEB;border-color:#FCD34D;color:#92400E;}.modern-alert-info{background:#EFF6FF;border-color:#93C5FD;color:#1E40AF;}.modern-spinner{border:3px solid #F3F4F6;border-top-color:#000;border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.modern-empty-state{text-align:center;padding:4rem 2rem;}.modern-empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:0.5;}.modern-empty-state-title{font-size:1.25rem;font-weight:bold;color:#1F2937;margin-bottom:0.5rem;}.modern-empty-state-text{color:#6B7280;margin-bottom:1.5rem;}.icon-left{margin-left:0.5rem;}.icon-right{margin-right:0.5rem;}@media (max-width:768px){.modern-card{padding:1rem;}.stat-card-value{font-size:1.5rem;}.modern-table{font-size:0.875rem;}.modern-table th,.modern-table td{padding:0.75rem 0.5rem;}}.favorite-btn:active{transform:scale(0.95);}.image-carousel{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y pinch-zoom;}.image-carousel .images-container{cursor:pointer;}.image-carousel .images-container:active{cursor:pointer;}.carousel-image{will-change:opacity;pointer-events:none;}.indicator-dot{box-shadow:0 1px 3px rgba(0,0,0,0.3);}.carousel-image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}.image-carousel-view{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y pinch-zoom;}.image-carousel-view .images-container-view{cursor:pointer;}.image-carousel-view .images-container-view:active{cursor:pointer;}.carousel-image-view{will-change:opacity;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}.indicator-dot-view{box-shadow:0 1px 3px rgba(0,0,0,0.3);}html{overflow-x:hidden;max-width:100vw;}body{overflow-x:hidden;max-width:100vw;position:relative;}.container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem;}}@media (min-width:768px){.container{max-width:768px;margin-left:auto;margin-right:auto;}}@media (min-width:1024px){.container{max-width:1024px;}}@media (min-width:1280px){.container{max-width:1280px;}}img{max-width:100%;height:auto;}@media (max-width:768px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:100%;}table{width:100%;max-width:100%;}table td,table th{font-size:0.875rem;padding:0.5rem;}}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@media (max-width:640px){h1{font-size:1.875rem;line-height:2.25rem;word-break:break-word;}h2{font-size:1.5rem;line-height:2rem;word-break:break-word;}h3{font-size:1.25rem;line-height:1.75rem;word-break:break-word;}}@media (max-width:640px){.btn-responsive{width:100%;padding:0.75rem 1rem;font-size:0.875rem;}.flex-col-mobile{flex-direction:column;gap:0.5rem;}.flex-col-mobile > *{width:100%;}}@media (max-width:640px){.card-mobile{padding:1rem;margin-bottom:1rem;}.grid-cols-mobile-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-mobile-2{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:640px){.dropdown-menu{position:fixed;left:0;right:0;top:auto;bottom:0;max-width:100vw;border-radius:1rem 1rem 0 0;max-height:80vh;overflow-y:auto;}}@media (max-width:640px){input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{font-size:16px;width:100%;}.form-row-mobile{flex-direction:column;gap:1rem;}.form-row-mobile > *{width:100%;}}@media (max-width:768px){header{position:sticky;top:0;z-index:50;}.header-nav{padding:0.75rem 1rem;}}@media (max-width:768px){#mobile-menu{max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;}#mobile-menu a{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:0.5rem;transition:background-color 0.2s;}#mobile-menu a:active{background-color:rgba(255,255,255,0.1);}}@media (max-width:640px){.item-card-image{height:200px;object-fit:cover;}.item-card{margin-bottom:1rem;}}@media (max-width:640px){.items-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;}}@media (min-width:640px) and (max-width:768px){.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}}@media (min-width:768px) and (max-width:1024px){.items-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;}}@media (min-width:1024px){.items-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;}}@media (max-width:768px){.filters-container{flex-direction:column;gap:0.75rem;}.filter-button{width:100%;justify-content:center;}.categories-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0.5rem;padding-bottom:0.5rem;scrollbar-width:none;-ms-overflow-style:none;}.categories-scroll::-webkit-scrollbar{display:none;}.category-button{flex-shrink:0;min-width:fit-content;white-space:nowrap;}}@media (max-width:640px){.chat-container{height:calc(100vh - 180px);min-height:400px;}.chat-header{position:sticky;top:0;z-index:10;background:white;}.chat-input-container{position:sticky;bottom:0;background:white;padding:1rem;}.message-bubble{max-width:85%;word-break:break-word;}}@media (max-width:640px){.profile-header{flex-direction:column;text-align:center;}.profile-avatar{width:100px;height:100px;margin:0 auto;}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;}}@media (max-width:768px){.order-card{padding:1rem;}.order-details{flex-direction:column;gap:1rem;}.order-image{width:100%;height:200px;object-fit:cover;}}@media (max-width:640px){.modal-content{width:95vw;max-width:95vw;margin:1rem;max-height:90vh;overflow-y:auto;}.modal-header{padding:1rem;font-size:1.25rem;}.modal-body{padding:1rem;}}@media (max-width:640px){.icon-sm{width:1rem;height:1rem;}.icon-md{width:1.25rem;height:1.25rem;}.icon-lg{width:1.5rem;height:1.5rem;}}@media (max-width:640px){input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],select,textarea{font-size:16px !important;}}@media (max-width:640px){.sticky-footer{position:sticky;bottom:0;left:0;right:0;z-index:40;background:white;border-top:2px solid #E5E7EB;padding:1rem;box-shadow:0 -4px 6px -1px rgba(0,0,0,0.1);}}@supports (padding:max(0px)){.safe-area-padding{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));}}*{-webkit-tap-highlight-color:transparent;}a,button{touch-action:manipulation;}html{scroll-behavior:smooth;}.no-horizontal-scroll{overflow-x:hidden;max-width:100vw;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}@media (max-width:640px){.mobile-spacing-sm{padding:0.5rem;margin-bottom:0.5rem;}.mobile-spacing-md{padding:1rem;margin-bottom:1rem;}.mobile-spacing-lg{padding:1.5rem;margin-bottom:1.5rem;}}@media (max-width:640px){.flex-mobile-col{flex-direction:column;}.flex-mobile-wrap{flex-wrap:wrap;}.justify-mobile-center{justify-content:center;}.items-mobile-center{align-items:center;}}.clickable{cursor:pointer;user-select:none;-webkit-user-select:none;}.clickable:active{opacity:0.7;}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;}@keyframes loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@media (max-width:640px){.shadow-mobile-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);}.shadow-mobile-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);}.shadow-mobile-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);}}.image-carousel img,.carousel-image,.object-cover{object-fit:cover !important;aspect-ratio:1 / 1;}.banner-slide img{object-fit:cover !important;aspect-ratio:7.5 / 1;}img{height:auto;max-width:100%;}img[loading='lazy']{background-color:#f3f4f6;}button:not(.no-hover):not(.carousel-control):hover,.btn:hover,a.button:hover,input[type="submit"]:hover,input[type="button"]:hover,.modern-btn:hover,.alert-btn:hover,.toolbar-btn:hover,select:hover,.modern-tab:hover,.modern-dropdown-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15);}.card:hover,[class*="card"]:not(.modern-card):hover,.group:hover,.stat-card:hover,a[data-item-id]:hover{box-shadow:0 6px 16px rgba(0,0,0,0.18);}a:not(.no-hover):not([data-item-id]):not(.button):not(.btn):hover{box-shadow:0 2px 6px rgba(0,0,0,0.1);}.modern-table tbody tr:hover,table tbody tr:hover{box-shadow:0 2px 4px rgba(0,0,0,0.08);}.logo:hover,[class*="logo"]:hover,img[alt*="logo"]:hover,img[alt*="Logo"]:hover,.no-hover:hover,.carousel-image,.carousel-image-view,img.object-cover:hover,img.object-contain:hover{box-shadow:none !important;}#listing-type-dropdown-menu button:hover,#region-dropdown-menu button:hover,#category-dropdown-menu button:hover,[id*="dropdown-menu"] button:hover{box-shadow:none !important;background-color:#f3f4f6 !important;}#shareMenu button:hover{box-shadow:none !important;background-color:#f3f4f6 !important;}.group:hover img.group-hover\:scale-105,img.hover\:scale-110:hover{transform:scale(1.05) !important;}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn 0.2s ease-out;padding:1rem;}.alert-box{background:white;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:500px;width:100%;animation:slideDown 0.3s ease-out;overflow:hidden;}.alert-header{padding:1.5rem;border-bottom:2px solid #f3f4f6;display:flex;align-items:center;gap:0.75rem;}.alert-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.alert-icon svg{width:1.5rem;height:1.5rem;}.alert-icon.success{background:#dcfce7;}.alert-icon.success svg{color:#16a34a;}.alert-icon.error{background:#fee2e2;}.alert-icon.error svg{color:#dc2626;}.alert-icon.warning{background:#fef3c7;}.alert-icon.warning svg{color:#ca8a04;}.alert-icon.info{background:#dbeafe;}.alert-icon.info svg{color:#2563eb;}.alert-icon.question{background:#f3f4f6;}.alert-icon.question svg{color:#4b5563;}.alert-title{font-size:1.25rem;font-weight:900;color:#111827;font-family:'Tajawal',sans-serif;}.alert-body{padding:1.5rem;}.alert-message{font-size:1rem;color:#4b5563;line-height:1.6;font-family:'Tajawal',sans-serif;}.alert-input{width:100%;padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:0.5rem;font-size:1rem;font-family:'Tajawal',sans-serif;margin-top:1rem;transition:all 0.2s;}.alert-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,0.1);}.alert-footer{padding:1rem 1.5rem;background:#f9fafb;display:flex;gap:0.75rem;justify-content:flex-end;}.alert-btn{padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:700;font-size:0.875rem;cursor:pointer;transition:all 0.2s;border:none;font-family:'Tajawal',sans-serif;}.alert-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,0.1);}.alert-btn-primary{background:#000;color:white;}.alert-btn-secondary{background:white;color:#4b5563;border:2px solid #e5e7eb;}.alert-btn-danger{background:#dc2626;color:white;}.toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:0.75rem;max-width:500px;width:100%;padding:0 1rem;}.toast{background:white;border-radius:0.75rem;box-shadow:0 10px 40px rgba(0,0,0,0.15);padding:1rem 1.25rem;display:flex;align-items:center;gap:0.75rem;animation:slideInDown 0.3s ease-out;border:2px solid #f3f4f6;}.toast-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.toast-icon svg{width:1.25rem;height:1.25rem;}.toast-content{flex:1;}.toast-title{font-size:0.875rem;font-weight:700;color:#111827;margin-bottom:0.25rem;font-family:'Tajawal',sans-serif;}.toast-message{font-size:0.875rem;color:#6b7280;font-family:'Tajawal',sans-serif;}.toast-close{width:1.5rem !important;height:1.5rem !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.2s !important;background:transparent !important;background-color:transparent !important;border:none !important;color:#9ca3af !important;padding:0 !important;}.toast-close:hover{color:#6b7280 !important;background:#f3f4f6 !important;}.toast-close svg{width:1rem !important;height:1rem !important;color:inherit !important;}.toast.success{border-color:#16a34a;}.toast.success .toast-icon{background:#dcfce7;color:#16a34a;}.toast.error{border-color:#dc2626;}.toast.error .toast-icon{background:#fee2e2;color:#dc2626;}.toast.warning{border-color:#ca8a04;}.toast.warning .toast-icon{background:#fef3c7;color:#ca8a04;}.toast.info{border-color:#2563eb;}.toast.info .toast-icon{background:#dbeafe;color:#2563eb;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}@keyframes slideInDown{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}}@keyframes slideOutUp{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-100%);}}@media (max-width:640px){.alert-box{max-width:90%;}.alert-footer{flex-direction:column;}.alert-btn{width:100%;}}