.mortgage-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s ease}.mortgage-popup-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.mortgage-popup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.mortgage-popup-header h2{margin:0;font-size:22px;color:#333;font-weight:600}.mortgage-popup-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;transition:color .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.mortgage-popup-close:hover{background-color:#f1f1f1;color:#333}.mortgage-popup-content{padding:20px;max-height:calc(90vh - 70px);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.mortgage-popup-container{width:95%;max-height:95vh}.mortgage-popup-content{padding:15px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:1000;padding:0 5px;justify-content:space-around;align-items:center;border-top:1px solid #e0e0e0;flex-wrap:wrap;overflow-x:auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:60px;height:100%;text-decoration:none;color:#555;font-size:11px;font-weight:500;transition:all .2s ease;padding:8px 0}.mobile-nav-item.active{color:#84c800}.mobile-nav-item.active .mobile-nav-icon svg{fill:#84c800}.mobile-nav-icon{margin-bottom:4px}.mobile-nav-icon svg{width:24px;height:24px;fill:#555;transition:fill .2s ease}.mobile-nav-item:hover{color:#84c800}.mobile-nav-item:hover .mobile-nav-icon svg{fill:#84c800}@media screen and (max-width:767px){body{padding-bottom:60px}.mobile-bottom-nav{display:flex}.nav-main{display:none}}.welcome-header{background:linear-gradient(135deg,#84c800,#a4ff2a);color:#333;padding:8px 0;text-align:center;font-weight:500;box-shadow:0 1px 3px #0000001a}.welcome-message{font-size:16px}.welcome-name{font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}@media screen and (max-width:767px){.welcome-message{font-size:14px}}.header{padding:18px 0;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}@media screen and (max-width:767px){.header{padding:10px 0}}.header-main{display:flex;justify-content:space-between;align-items:center}.logo-area .logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.logo-area .logo:hover{transform:scale(1.05)}.logo-area .logo:hover .logo-icon .house-icon{transform:translateY(-2px)}.logo-area .logo:hover .logo-text .addis{color:#444}.logo-icon{background:linear-gradient(135deg,#b9f73e,#84c800);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 4px 8px #00000026;overflow:hidden;position:relative;transition:all .3s ease}@media screen and (max-width:767px){.logo-icon{width:30px;height:30px;margin-right:5px}.logo-text{font-size:16px}}.logo-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom right,#fff3,#fff0);pointer-events:none}.logo-icon .house-icon{width:26px;height:26px;fill:#333;transition:transform .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.logo-text{display:flex;flex-direction:row;font-size:26px;font-weight:700;letter-spacing:-.5px;transition:all .3s ease}.logo-text .addis{color:#333;text-shadow:0 1px 1px rgba(0,0,0,.05)}.logo-text .nest{color:#84c800;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.1);background:linear-gradient(to right,#84c800,#a4ff2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-main{display:flex;justify-content:center;flex:1}.navigation{display:flex;list-style:none;margin:0;padding:0;gap:15px;justify-content:center}.navigation .nav-link{padding:8px 12px;text-decoration:none;color:#555;font-weight:500;font-size:16px;transition:color .2s ease}.navigation .nav-link:hover{color:#84c800}.buy-rent-toggle{padding:10px 18px!important;border-radius:8px;display:flex;align-items:center;transition:all .3s ease;font-size:16px;font-weight:600;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d}.buy-rent-toggle:hover{background-color:#f0f0f0;transform:translateY(-2px)}.buy-rent-toggle .toggle-indicator{margin-left:10px;font-size:15px;padding:4px 10px;border-radius:15px;color:#fff;transition:all .3s ease;font-weight:700;box-shadow:0 2px 4px #0000001a}.buy-rent-toggle .toggle-indicator.buy{background-color:#d9534f}.buy-rent-toggle .toggle-indicator.rent{background-color:#5bc0de}.right-section{display:flex;align-items:center;gap:15px}@media screen and (max-width:767px){.right-section{gap:8px}.eng-button{padding:6px 10px;font-size:13px}}.eng-button{border:1px solid #e0e0e0;border-radius:30px;padding:8px 14px;color:#555;font-size:14px;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d}.eng-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.message-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;cursor:pointer;margin-right:15px;transition:all .3s ease}.message-icon-container:hover{background-color:#e8f5e0;transform:translateY(-2px)}.message-icon{width:22px;height:22px;fill:#555;transition:fill .2s ease}.message-icon-container:hover .message-icon{fill:#84c800}@media screen and (max-width:767px){.message-icon-container{width:36px;height:36px;margin-right:8px}.message-icon{width:20px;height:20px}}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;cursor:pointer}.user-header-info{display:flex;align-items:center;gap:8px}.user-header-name{font-size:15px;font-weight:500;color:#333}@media screen and (max-width:767px){.user-header-name{display:none}}.profile-picture-container{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;border:2px solid #a4ff2a;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}@media screen and (max-width:767px){.profile-picture-container{width:36px;height:36px}}.user-menu-trigger:hover .profile-picture-container{transform:scale(1.08);box-shadow:0 3px 8px #00000026}.profile-picture{width:100%;height:100%;object-fit:cover}.profile-initial{font-size:16px;font-weight:700}.user-menu{position:absolute;top:52px;right:0;background-color:#fff;box-shadow:0 6px 18px #00000026;border-radius:12px;padding:15px 0;min-width:220px;z-index:1000;transform-origin:top right;animation:dropdownFade .2s ease;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{padding:10px 20px;border-bottom:1px solid #eee;margin-bottom:10px}.user-name{margin:8px 0;font-size:16px;font-weight:700;color:#333}.user-menu-link{display:block;padding:12px 20px;color:#444;text-decoration:none;font-size:15px;transition:all .2s ease;font-weight:500}.user-menu-link:hover{background-color:#f8f8f8;color:#84c800;padding-left:24px}.logout-button{padding:12px 20px;color:#d9534f;text-decoration:none;font-size:15px;cursor:pointer;border-top:1px solid #eee;margin-top:8px;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:#fff1f1;padding-left:24px}.auth-buttons{display:flex;gap:10px}@media screen and (max-width:767px){.auth-buttons{gap:4px}.login-btn{padding:4px 6px;font-size:12px;border-radius:4px;min-width:60px;text-align:center}.register-btn{padding:4px 6px;font-size:12px;border-radius:4px;min-width:70px;text-align:center}}@media screen and (max-width:360px){.eng-button{display:none}}.login-btn{background-color:#333;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;display:inline-block;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.login-btn:hover{background-color:#444;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.register-btn{background-color:#a4ff2a;color:#333;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;display:inline-block;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.register-btn:hover{background-color:#90e625;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}@media screen and (max-width:767px){.property-card{width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;margin:0 auto!important;padding:0!important;border-radius:0!important;overflow:hidden!important;left:0!important;right:0!important}.property-card .property-image{width:100vw!important;max-width:100vw!important;position:relative!important;overflow:hidden!important;padding:0!important;margin:0!important;left:0!important;right:0!important}.property-card .property-image img{width:100vw!important;height:100%!important;display:block!important;object-fit:contain!important;background-color:#f5f5f5;border-radius:0!important;margin:0 auto!important;left:0!important;right:0!important}.page-header h1{font-size:1.5rem!important;margin-top:0!important}.page-header p{font-size:.9rem;margin-bottom:10px!important}.home-page .property-section{margin-top:0!important}.page-header.mb-4,.results-header.mb-4{margin-bottom:5px!important}.property-list-page .row{margin-top:0!important}.property-list-page .row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding-bottom:15px;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.property-list-page .container,.property-list-page .container-fluid,.home-page .container,.home-page .container-fluid{width:100vw!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow-x:hidden!important;position:relative!important}.property-section{width:100vw!important;max-width:100vw!important;padding:0!important;margin:0!important;overflow-x:hidden!important}.property-list-page .row::-webkit-scrollbar{height:4px}.property-list-page .row::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.property-list-page .col-lg-4.col-md-6{flex:0 0 auto!important;width:100vw!important;margin-bottom:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.property-card{margin-bottom:10px!important;margin-left:0!important;margin-right:0!important;border-radius:0!important;overflow:hidden!important;width:100vw!important;box-shadow:0 4px 12px #00000014!important;background-color:#000!important}.property-card .property-image{height:180px!important;padding:0!important;margin:0!important;width:100vw!important;overflow:hidden!important}.property-card .property-image img{width:100%!important;height:100%!important;object-fit:contain!important;background-color:#f5f5f5;display:block!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important}.property-card h3{font-size:1.2rem!important;color:#fff!important}.property-card div{font-size:.8rem!important;color:#e0e0e0!important}.property-card p{font-size:.8rem!important;margin-bottom:3px!important;color:#e0e0e0!important}.property-card div span{color:#e0e0e0!important}.property-card .property-tag{background:#a4ff2a!important;color:#000!important;font-weight:700!important}.property-card>div:not(.property-image){padding:15px!important}}.banner-section{background-size:cover;background-position:center;padding:30px 0;color:#fff;position:relative;box-shadow:0 4px 12px #00000026;margin-bottom:30px;transition:all .3s ease}@media screen and (max-width:767px){.banner-section{margin-bottom:0;padding-bottom:20px}}.banner-content h1{font-size:3rem;margin-bottom:.5rem;font-weight:800;text-align:left;color:#fff;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeIn 1s ease-out}@media screen and (max-width:991px){.banner-content h1{font-size:2.5rem}}@media screen and (max-width:767px){.banner-content h1{font-size:1.5rem;line-height:1.1;margin-top:0}.banner-content{padding-top:0}.search-tabs .nav-link{padding:8px 15px;font-size:13px}.filter-toggle{margin-top:5px!important}.filter-toggle button{padding:3px 10px!important;font-size:12px!important}}@media screen and (max-width:480px){.banner-content h1{font-size:1.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-tabs-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:650px;overflow:hidden;animation:slideUp .8s ease-out;transform:translateZ(0)}.search-tabs{background-color:#f7f7f7;padding:0}.search-tabs .nav{display:flex;margin:0;padding:0;list-style:none}.search-tabs .nav-link{background:transparent;color:#666;border:none;padding:12px 20px;font-weight:500;font-size:14px;cursor:pointer;position:relative;border-radius:0;border-bottom:3px solid transparent}.search-tabs .nav-link.active{background:#fff;color:#000;border-bottom:3px solid #d9534f;font-weight:600;transition:all .3s ease}.search-tabs .nav-link:hover{background-color:#f0f0f0;color:#d9534f}.search-form{padding:20px;display:flex}.search-input{height:48px;font-size:16px;border-right:none;border:1px solid #ddd;border-radius:4px 0 0 4px;padding:12px 15px;flex:1;box-shadow:none}.search-button{background-color:#d9534f;color:#fff;border:none;padding:0 20px;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center;height:48px;transition:all .3s ease}.search-button:hover{background-color:#c9302c;transform:translate(2px)}@media screen and (min-width:768px){.banner-section:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent);z-index:0}}.banner-content{padding-top:0}.propertysec-detail-main{font-family:Arial,sans-serif;color:#333;background-color:#f9f9f9}.propertydetail-top{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:10}.propertydetail-tp-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.back-btn span{display:flex;align-items:center;font-weight:500;cursor:pointer;color:#555;transition:color .2s ease}.back-btn span:hover{color:#4a6cf7}.propertysec-detail-nav ul{display:flex;gap:20px;margin:0;padding:0;list-style:none}.propertysec-detail-nav a{color:#666;text-decoration:none;font-weight:500;padding:5px 0;position:relative;transition:color .2s ease}.propertysec-detail-nav a:hover{color:#4a6cf7}.propertysec-detail-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#4a6cf7;transition:width .2s ease}.propertysec-detail-nav a:hover:after{width:100%}.propertyrght-title h3{font-size:1.8rem;font-weight:700;margin-bottom:5px;color:#333}.propertyrght-title p{font-size:1rem;color:#666;margin:0}.property-img-list{margin-bottom:20px}.property-images-container{width:100%;max-width:1140px;overflow:hidden;margin:0 auto;padding:0 15px}.property-photos-grid{display:grid;grid-template-columns:60% 40%;gap:8px;position:relative;width:100%}.main-photo{grid-row:span 1;position:relative;width:100%;height:100%}.thumbnail-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;width:100%;height:100%}.property-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px;cursor:pointer}.property-image span{display:block;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s ease}.property-image:hover span{transform:scale(1.05)}.photo-count-badge{background-color:#fff;color:#333;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.view-all-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:18px;font-weight:600;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.view-all-overlay:hover{background-color:#000000b3}.property-detail-inner{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.property-locationdetail{padding:20px}.main-flex{display:flex;gap:30px}.inner-flex-60{flex:0 0 60%}.inner-flex-40{flex:0 0 40%}.property-detail-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.house-status{display:flex;align-items:center;gap:10px}.text-title{font-size:1.1rem;font-weight:600;color:#333}.badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500}.success-badge{background-color:#e8f7c4;color:#58a33d}.dot-icon{position:relative;padding-left:18px}.dot-icon:before{content:"";position:absolute;top:50%;left:6px;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#58a33d}.posted-status{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.prpty-content-inner{margin-bottom:20px}.prpty-content-heading h3{font-size:2rem;font-weight:700;margin-bottom:10px;color:#333}.prptey-loction{margin-bottom:15px}.prpty-loction-adress{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.prptey-fecility{display:flex;align-items:center;gap:15px;color:#666;font-size:.95rem}.prptey-fecility span{position:relative}.prptey-fecility span em{display:inline-block;width:4px;height:4px;background-color:#aaa;border-radius:50%;margin-right:8px;position:relative;top:-2px}.propty-desc-detl p{line-height:1.6;color:#555}.proptydetil-abt-main{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px}.proptydetail-abtheading h5{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}.proptydetil-abt-main ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.abt-inner-list{display:flex;align-items:center;gap:10px}.abt-inner-list span{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:#f0f5ff;border-radius:50%;color:#4a6cf7}.safety-main .card{border:none;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.post-like{text-align:center;margin:15px 0}.unavailable-btn,.report-btn{margin-bottom:15px}.safety-tips{background-color:#fff7e6;padding:15px;border-radius:8px}.saftery-tips-heading h3{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:#f5a623}.safety-tips p{font-size:.9rem;color:#555;margin-bottom:8px;position:relative;padding-left:15px}.safety-tips p:before{content:"•";position:absolute;left:0;color:#f5a623}.property-agent-main{background-color:#f9f9f9;padding:20px 0}.agent-profile-main{text-align:center}.agent-profile-img{position:relative;width:80px;height:80px;margin:0 auto 10px}.agent-profile-img span{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center}.agent-profile-img img{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border-radius:50%}.agent-experience-list ul{display:flex;gap:30px;margin:0;padding:0;list-style:none}.agent-experience-title h3{font-size:14px;margin:0;font-weight:500}.agent-experience-title h3 span{font-weight:700;color:#4a6cf7}.visiting-field{margin:20px 0}.visiting-field-title h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:#333}.tour-type-main{margin-bottom:20px}.tour-type-main h5{font-size:1rem;font-weight:600;margin-bottom:10px;color:#444}.tour-select{display:flex;gap:15px}.tour-select span{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.tour-select span.active{background-color:#4a6cf7;color:#fff}.tour-select span em{display:flex;align-items:center;justify-content:center}.tour-date-main .week-container ul{display:flex;gap:10px;padding:0 0 10px;margin:0;list-style:none;overflow-x:auto}.tour-dateinner{padding:10px;border-radius:8px;background-color:#f5f5f5;min-width:70px;text-align:center;cursor:pointer;transition:all .2s ease}.tour-dateinner.active{background-color:#4a6cf7;color:#fff}.tour-date-desp p{margin:0;font-size:.9rem}.tour-date-desp h5{font-size:1.2rem;margin:5px 0}.tour-date-desp span{font-size:.8rem}.tour-time{display:flex;align-items:center;gap:15px;background-color:#f5f5f5;padding:10px 15px;border-radius:8px}.time-tour-title p{margin:0 0 5px;font-size:.9rem;color:#666}.time-tour-title input{border:none;background:none;font-size:1rem;color:#333;font-weight:500;outline:none}.tour-type-btn{margin-top:20px}.property-facilities-main{margin:20px 0}.property-facilitis-title h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#333}.property-facilitis-list{margin-bottom:10px;border:1px solid #eee;border-radius:8px;overflow:hidden}.prpty-fclislist-tiltle{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f9f9f9;cursor:pointer}.prpty-fclislist-tiltle h3{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:10px}.property-facilitis-content{padding:15px;background-color:#fff}.property-facilitis-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.property-facilitis-content li{position:relative;padding-left:20px}.property-facilitis-content li:before{content:"✓";position:absolute;left:0;color:#4a6cf7;font-weight:700}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{color:#fff;background-color:#4a6cf7;border-color:#4a6cf7}.btn-primary:hover{background-color:#3b5ef0;border-color:#3b5ef0}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{background-color:#138496;border-color:#117a8b}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.alert-input{border-color:#dc3545}.property-detail-page{font-family:Arial,sans-serif;color:#333;background-color:#f9f9f9}.property-images-container{margin-bottom:0}.main-property-image{position:relative;margin-bottom:15px}.property-img-large{border-radius:8px;overflow:hidden;position:relative}.image-navigation{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;z-index:10}.nav-btn{background-color:transparent;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 4px #0000001a}.nav-btn:hover{background-color:#fff;transform:scale(1.05)}.image-counter{position:absolute;bottom:20px;right:20px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500}.property-thumbnails{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px}.thumbnail{border-radius:5px;cursor:pointer;transition:opacity .2s ease;border:2px solid transparent}.thumbnail.active{border-color:#4a6cf7}.thumbnail:hover{opacity:.8}.no-image-placeholder{height:400px;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;border-radius:8px;color:#6c757d;font-size:1.2rem}.more-images{background-color:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 15px;font-size:14px}.property-details-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px;margin-bottom:30px}.property-header{margin-bottom:25px}.property-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:#333}.property-price{font-size:1.5rem;font-weight:700;color:#4a6cf7;margin-bottom:15px}.property-address,.property-timestamp{display:flex;align-items:center;gap:8px;color:#666;margin-bottom:8px}.property-actions{display:flex;gap:15px;margin-top:15px}.share-btn,.favorite-btn{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.share-btn:hover,.favorite-btn:hover{background-color:#e9ecef}.property-specs{display:flex;flex-wrap:wrap;gap:20px;padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:25px}.spec-item{display:flex;flex-direction:column;align-items:center}.spec-value{font-size:1.5rem;font-weight:600;color:#4a6cf7}.spec-label{font-size:.9rem;color:#666}.property-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #eee}.tab-btn{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;color:#666;transition:all .2s ease}.tab-btn.active{border-bottom-color:#4a6cf7;color:#4a6cf7}.tab-content{padding:20px 0}.details-tab h3,.features-tab h3,.contact-tab h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#333}.details-tab p{line-height:1.6;color:#555;margin-bottom:20px}.property-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.info-item{margin-bottom:10px}.info-label{display:block;font-weight:500;color:#666;margin-bottom:5px}.info-value{font-weight:600;color:#333}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.feature-item{display:flex;gap:5px}.feature-type{font-weight:600;color:#4a6cf7}.agent-card{display:flex;flex-direction:column;gap:20px}.agent-info{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid #eee}.agent-image img{width:80px;height:80px;border-radius:50%;object-fit:cover}.agent-details h4{font-size:1.2rem;font-weight:600;margin-bottom:5px}.agent-details p{color:#666;margin-bottom:10px}.agent-contact{display:flex;gap:15px}.contact-item{display:flex;align-items:center;gap:5px;background-color:#f5f5f5;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.contact-item:hover{background-color:#e9ecef}.contact-form{background-color:#f9f9f9;padding:20px;border-radius:8px}.contact-form h4{font-size:1.1rem;font-weight:600;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.submit-btn{background-color:#4a6cf7;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-btn:hover{background-color:#3b5ef0}.property-slider{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px;margin-bottom:30px}.property-slider-header h4{font-size:1.3rem;font-weight:600;margin-bottom:5px}.property-slider-header p{color:#666}.all-view a{color:#4a6cf7;text-decoration:none;font-weight:500}.property-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;list-style:none;padding:0}.property-card{cursor:pointer;text-decoration:none;color:inherit}.property-card .card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.property-card .card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.property-img{height:200px;background-size:cover;background-position:center;position:relative}.property-img span{position:absolute;top:10px;left:10px;background-color:#4a6cf7;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:500}.property-img p{position:absolute;bottom:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:5px}.property-title h3{font-size:1.3rem;font-weight:600;margin-bottom:10px}.property-share-icon{display:flex;gap:10px;margin-bottom:10px}.property-share-icon span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.property-share-icon span:hover{background-color:#e9ecef}.property-area{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;color:#666}.property-not-found-container{min-height:400px;display:flex;align-items:center;justify-content:center;padding:50px 0;background-color:#f9f9f9}.property-not-found{text-align:center;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px;margin:0 auto}.property-not-found h2{font-size:2rem;font-weight:600;margin-bottom:15px;color:#333}.property-not-found p{font-size:1.1rem;color:#666;margin-bottom:25px}.back-to-list{display:inline-block;padding:10px 20px;background-color:#4a6cf7;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background-color .2s ease}.back-to-list:hover{background-color:#3b5ef0;color:#fff}@media(max-width:992px){.main-flex{flex-direction:column}.inner-flex-60,.inner-flex-40{flex:0 0 100%}.property-photos-grid{grid-template-columns:1fr}.main-photo{grid-row:auto}.thumbnail-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}@media(max-width:768px){.property-detail-status{flex-direction:column;align-items:flex-start;gap:10px}.property-photos-grid{max-height:none}.agent-experience-list ul{flex-direction:column;gap:10px}.thumbnail-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.about-place-section,.about-this-home{padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.about-this-home h2{font-size:28px;font-weight:700;margin-bottom:20px;color:#333}.about-this-home .property-description{font-size:16px;line-height:1.6;color:#333;margin-bottom:10px;overflow:hidden;transition:height .3s ease-in-out}.about-this-home .property-description p{margin-bottom:15px}.about-this-home .highlight{font-weight:600;color:#000}.about-this-home .toggle-description{display:inline-block;color:#4a6cf7;border:1px solid #4a6cf7;padding:8px 15px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:25px;background:none;transition:all .2s ease}.about-this-home .toggle-description:hover{background-color:#4a6cf7;color:#fff}.about-this-home .toggle-description span{margin-left:5px;display:inline-block;transition:transform .2s ease}.about-this-home .toggle-description[aria-expanded=true] span{transform:rotate(180deg)}.property-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:25px}.feature-item{display:flex;align-items:center;padding:15px;background-color:#f9f9f9;border-radius:8px}.feature-icon{margin-right:15px;width:24px;height:24px;color:#4a6cf7}.feature-content{display:flex;flex-direction:column}.feature-value{font-weight:600;font-size:16px;color:#333}.feature-label{font-size:14px;color:#666}.property-header{margin-bottom:20px}.property-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.property-address{display:flex;align-items:center;color:#666;font-size:16px;margin-bottom:15px}.property-address svg{margin-right:8px;color:#4a6cf7}.property-specs{display:flex;gap:30px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.spec-item{display:flex;flex-direction:column}.spec-value{font-size:18px;font-weight:600;color:#333}.spec-label{font-size:14px;color:#666;margin-top:5px}.proptydetil-abt-main{margin-top:25px}.proptydetil-abt-main ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:0;margin:0;list-style:none}.abt-inner-list{display:flex;align-items:center;gap:12px;margin-bottom:15px}.abt-inner-list span{background-color:#f0f5ff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#4a6cf7;flex-shrink:0}.abt-inner-list div{display:flex;flex-direction:column}.abt-inner-list strong{font-size:14px;font-weight:600;color:#444;margin-bottom:3px}.abt-inner-list p{font-size:14px;color:#666;margin:0}.test-controls{padding:20px;background:#f5f5f5;margin-bottom:20px;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.safety-tips-container{padding:25px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-post-ad,.btn-mark-unavailable,.btn-report-abuse{padding:12px 0;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;border:none;text-align:center;transition:all .2s ease}.btn-post-ad{background-color:#a5ed4f;color:#333}.btn-post-ad:hover{background-color:#94e336}.btn-mark-unavailable{background-color:#fff;color:#333;border:1px solid #ddd}.btn-mark-unavailable:hover{background-color:#f9f9f9;border-color:#ccc}.btn-report-abuse{background-color:#fff;color:#f44336;border:1px solid #f44336}.btn-report-abuse:hover{background-color:#ffebee}.flag-icon{margin-right:6px}.safety-tips{margin-top:20px}.safety-tips h3{font-size:20px;font-weight:600;color:#333;margin-bottom:15px}.safety-tips ul{padding-left:20px;margin:0}.safety-tips li{margin-bottom:12px;color:#555;font-size:15px;line-height:1.5}@media(max-width:768px){.proptydetil-abt-main ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.property-specs{gap:15px}.about-place-section,.safety-tips-container{padding:20px}}@media(max-width:576px){.proptydetil-abt-main ul{grid-template-columns:1fr 1fr}.property-specs{flex-wrap:wrap;gap:10px}.spec-item{flex-basis:calc(50% - 10px)}}.property-slider{width:100%;position:relative}.property-slider-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.property-slider-header h4{font-size:24px;font-weight:600;color:#333;margin-bottom:8px}.property-slider-header p{font-size:16px;color:#666;margin:0}.all-view a{color:#4a6cf7;font-weight:500;text-decoration:none;display:inline-flex;align-items:center}.all-view a:hover{text-decoration:underline}.property-list{position:relative}.property-slider-aroow{display:flex;gap:10px;position:absolute;top:-40px;right:0}.property-slider-aroow span{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.property-slider-aroow span:hover{background-color:#4a6cf7;color:#fff}.property-card{display:block;text-decoration:none;color:inherit;cursor:pointer}.property-card .card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #00000014;transition:transform .3s ease,box-shadow .3s ease}.property-card .card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.property-img{height:200px;background-size:cover;background-position:center;position:relative;border-radius:8px 8px 0 0}.property-img span{position:absolute;top:10px;left:10px;background-color:#4caf50e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.property-img p{position:absolute;bottom:10px;right:10px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;margin:0;display:flex;align-items:center}.property-img p em{margin-right:5px;display:flex;align-items:center}.property-detail{padding:15px}.property-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.property-title h3{font-size:18px;font-weight:600;color:#333;margin:0}.property-share-icon{display:flex;gap:8px}.property-share-icon span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background-color .3s ease}.property-share-icon span:hover{background-color:#f5f5f5}.property-area{display:flex;gap:10px;font-size:14px;color:#666;margin-bottom:10px}.property-area span{display:flex;align-items:center}.property-area span em{width:4px;height:4px;background-color:#999;border-radius:50%;margin-right:5px}.property-location{display:flex;align-items:center;font-size:14px;color:#666}.property-location svg{margin-right:5px;color:#4a6cf7}.no-properties-message{grid-column:1 / -1;padding:30px;text-align:center;background-color:#f9f9f9;border-radius:8px}.view-all-link{display:inline-block;padding:10px 20px;background-color:#4caf50;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;margin-top:15px;transition:background-color .3s ease}.view-all-link:hover{background-color:#43a047}.desktop-only-safety-tips{display:block;height:100%}.desktop-only-safety-tips .safety-tips-box{height:calc(100% - 70px);display:flex;flex-direction:column}.desktop-only-safety-tips .safety-tips-box h3{margin-bottom:20px}.desktop-only-safety-tips .safety-tips-box ul{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.desktop-only-safety-tips .safety-tips-box ul li{margin-bottom:15px}.mobile-only-safety-tips,.mobile-only-post-ad{display:none}@media screen and (max-width:767px){.desktop-only-safety-tips{display:none}.mobile-only-safety-tips,.mobile-only-post-ad{display:block}.property-photos-grid{display:block!important;height:auto!important}.main-photo{width:100%!important;height:auto!important;margin-bottom:8px}.main-property-image{height:auto!important}.main-property-image span{height:250px!important;width:100%!important}.thumbnail-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.thumbnail-grid .property-image{width:calc(50% - 4px)!important;height:100px!important}.thumbnail-grid .property-image span{height:100%!important}.container{padding-left:10px!important;padding-right:10px!important}.row{margin-left:-5px!important;margin-right:-5px!important}.col-md-7,.col-md-5{padding-left:5px!important;padding-right:5px!important}.property-info-box{margin-bottom:15px!important;padding:15px!important}.property-info-box>div>h2{font-size:18px!important;margin-bottom:15px!important}.property-info-box>div>h1{font-size:20px!important;margin-bottom:12px!important;line-height:1.3!important}.property-info-box>div>div{margin-bottom:15px!important}.property-info-box>div>div>h2{font-size:22px!important;margin-bottom:5px!important}.property-info-box>div>div>p{font-size:14px!important;margin-bottom:10px!important}.property-info-box div[style*=grid-template-columns]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:15px!important}.property-info-box div[style*="display: flex"]{margin-bottom:10px!important}.property-info-box div[style*="display: flex"]>div{width:24px!important;margin-right:10px!important}.property-info-box div[style*="display: flex"]>div+div{width:calc(100% - 34px)!important}.property-info-box div[style*="display: flex"]>div+div>div:first-child{font-size:13px!important;margin-bottom:2px!important}.property-info-box div[style*="display: flex"]>div+div>div:last-child{font-size:14px!important}.property-info-box div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.property-info-box div[style*="grid-template-columns: repeat(4, 1fr)"]>div{padding:8px!important;font-size:12px!important}.property-info-box div[style*="grid-template-columns: repeat(4, 1fr)"]>div>span:first-child{margin-right:5px!important}.property-info-box>div>div>p{font-size:14px!important;line-height:1.5!important}.property-info-box>div>div>h3{font-size:16px!important;margin-top:20px!important;margin-bottom:12px!important}.container div[style*="width: 30%"]{width:100%!important;margin-bottom:15px!important;padding:0 5px!important}.row[style*="display: flex"]{flex-direction:column!important}.col-md-7,.col-md-5{width:100%!important;margin-bottom:15px!important}.action-safety-box{padding:15px!important}.action-safety-box ul{padding-left:15px!important}.action-safety-box ul li{margin-bottom:8px!important;font-size:13px!important;line-height:1.4!important}.action-safety-box h3{font-size:16px!important;margin-bottom:10px!important}.action-safety-box button{padding:10px 15px!important;font-size:14px!important}#nearby-properties ul[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.image-navigation{opacity:.8}.nav-btn{width:36px!important;height:36px!important}.fullscreen-image-popup img{max-width:100%!important;max-height:calc(100vh - 120px)!important}}.property-info-box{background-color:#f8f9fa!important;border-radius:8px!important;padding:24px!important;box-shadow:0 2px 8px #0000000d!important}.property-info-box h2,.property-info-box h1{color:#2c3e50!important}.property-info-box p{color:#5d6778!important}.property-info-box div[style*="grid-template-columns: repeat(4, 1fr)"]>div{background-color:#edf2f7!important;border-radius:8px!important;padding:10px 12px!important;color:#4a5568!important}.property-info-box div[style*="display: flex"]>div+div>div:first-child{color:#718096!important}.property-info-box div[style*="display: flex"]>div+div>div:last-child{color:#2d3748!important;font-weight:600!important}.safety-tips-box{background-color:#fff8f0!important;border-radius:8px!important;padding:24px!important;box-shadow:0 2px 8px #0000000d!important}.safety-tips-box h3{color:#e67e22!important}.safety-tips-box ul li{color:#5d6778!important}div[style*="width: 30%"]>div{background-color:#f0f7ff!important;border-radius:8px!important;padding:24px!important;box-shadow:0 2px 8px #0000000d!important}div[style*="width: 30%"]:nth-child(1)>div h2{color:#3182ce!important}div[style*="width: 30%"]:nth-child(2)>div{background-color:#f0fff4!important}div[style*="width: 30%"]:nth-child(2)>div h2{color:#38a169!important}div[style*="width: 30%"]:nth-child(3)>div{background-color:#f7fafc!important}div[style*="width: 30%"]:nth-child(3)>div h2{color:#4a5568!important}button[style*="backgroundColor: '#4CAF50'"]{background-color:#38a169!important;border-radius:8px!important;box-shadow:0 2px 6px #38a1694d!important}button[style*="backgroundColor: '#2196F3'"]{background-color:#3182ce!important;border-radius:8px!important;box-shadow:0 2px 6px #3182ce4d!important}div[style*="width: 30%"]:nth-child(2) button{background-color:#38a169!important;border-radius:8px!important;box-shadow:0 2px 6px #38a1694d!important}div[style*="width: 30%"]:nth-child(3) button{background-color:#4a5568!important;border-radius:8px!important;box-shadow:0 2px 6px #4a55684d!important}input,textarea,select{border-radius:8px!important;border-color:#e2e8f0!important;padding:10px 12px!important}div[style*="border: `2px solid ${selectedTourType"]{border-radius:8px!important;transition:all .3s ease!important}div[style*="backgroundColor: selectedTourType"]{background-color:#ebf8ff!important;border-color:#3182ce!important}@media screen and (max-width:767px){.property-info-box,.safety-tips-box,div[style*="width: 30%"]>div{padding:16px!important}}@media(max-width:767px){.chat-container{height:100vh;overflow:hidden}.chat-panel{border-radius:0;box-shadow:none}.conversations-panel{width:100%}.conversations-panel.hidden{display:none}.chat-view{display:none;width:100%}.chat-view.active{display:flex}.message-history{padding:10px}.message-bubble{max-width:85%;padding:10px 12px}.message-input-container{padding:10px}.message-input-wrapper{padding:0 10px}.message-input{padding:10px 0;font-size:14px}.send-btn{width:36px;height:36px}.conversation-item{padding:12px}.avatar{width:40px;height:40px;font-size:16px}.conversation-name{font-size:14px}.conversation-time{font-size:11px}.conversation-message{font-size:13px}.unread-count{min-width:18px;height:18px;font-size:11px}.role-badge{font-size:10px;padding:1px 6px}.conversations-header h3{font-size:16px}.conversation-count{width:20px;height:20px;font-size:11px}.search-input{padding:8px 12px;font-size:13px}.no-conversations-icon,.no-messages-icon{font-size:40px}.no-conversations p:first-child,.no-messages h4{font-size:16px}.no-conversations p,.no-messages p{font-size:13px}.loading-spinner{width:30px;height:30px}.loading-container p,.loading-messages p{font-size:13px}.error-message{font-size:14px}.error-help-text{font-size:13px}.retry-button,.login-button,.clear-search-button{padding:6px 16px;font-size:13px}.date-divider span{font-size:12px}.message-meta{font-size:11px}.user-info h3{font-size:15px}.user-status{font-size:12px}}@media(min-width:768px){.chat-container{padding:20px;height:calc(100vh - 120px)}.chat-panel{height:100%;max-height:800px}.conversations-panel{min-width:320px;max-width:350px}.chat-view{flex:1}.message-history{min-height:300px}.message-bubble{max-width:70%}.message-input-container{padding:15px 20px}.message-input-wrapper{padding:0 15px}.message-input{padding:12px 0;font-size:15px}.send-btn{width:40px;height:40px}.conversation-item{padding:15px}.avatar{width:50px;height:50px;font-size:18px}.conversation-name{font-size:15px}.conversation-time{font-size:12px}.conversation-message{font-size:14px}.unread-count{min-width:20px;height:20px;font-size:12px}.role-badge{font-size:11px;padding:2px 8px}.conversations-header h3{font-size:18px}.conversation-count{width:24px;height:24px;font-size:12px}.search-input{padding:10px 15px;font-size:14px}.no-conversations-icon,.no-messages-icon{font-size:48px}.no-conversations p:first-child,.no-messages h4{font-size:18px}.no-conversations p,.no-messages p{font-size:14px}.loading-spinner{width:40px;height:40px}.loading-container p,.loading-messages p{font-size:14px}.error-message{font-size:16px}.error-help-text{font-size:14px}.retry-button,.login-button,.clear-search-button{padding:8px 20px;font-size:14px}.date-divider span{font-size:13px}.message-meta{font-size:12px}.user-info h3{font-size:16px}.user-status{font-size:13px}.mobile-footer-menu,.test-mode-container,.back-button{display:none}}.pending-messages-section{margin:15px;padding:15px;background-color:#f8f9fa;border-radius:12px;border-left:4px solid #ffc107;box-shadow:0 2px 8px #00000014}.pending-messages-header{display:flex;align-items:center;margin-bottom:8px}.pending-count{background-color:#ffc107;color:#fff;font-weight:700;font-size:14px;height:24px;min-width:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px}.pending-messages-description{color:#6c757d;font-size:14px;margin:0 0 15px}.pending-message-item{background-color:#fff;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 1px 5px #0000001a;border-left:3px solid #ffc107;transition:transform .2s,box-shadow .2s}.pending-message-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.sender-avatar{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;font-size:16px}.sender-info .message-time{font-size:12px;color:#6c757d}.property-reference{display:flex;align-items:center;background-color:#f0f7ff;padding:6px 10px;border-radius:6px;margin-bottom:10px}.property-icon{margin-right:6px}.property-title{font-size:13px;color:#0056b3}.pending-message-content p{margin:0;color:#444;line-height:1.5;font-size:14px}.pending-message-actions .ignore-btn,.pending-message-actions .accept-btn{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.pending-message-actions .ignore-btn{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.pending-message-actions .accept-btn{background-color:#28a745;color:#fff;border:none}.pending-message-actions .ignore-btn:hover{background-color:#e9ecef;border-color:#ced4da}.message-status-pending{color:#ffc107;font-size:.8em;margin-left:5px}.message-status-accepted{color:#28a745;font-size:.8em;margin-left:5px}.message-status-ignored{color:#6c757d;font-size:.8em;margin-left:5px}.conversation-item.pending{border-left:3px solid #ffc107}.conversation-item.accepted{border-left:3px solid #28a745}.conversation-item.ignored{border-left:3px solid #6c757d;opacity:.7}.conversation-status-notification{text-align:center;padding:8px;margin:10px 0;border-radius:4px;font-size:14px}.conversation-status-notification.pending{background-color:#fff3cd;color:#856404}.conversation-status-notification.accepted{background-color:#d4edda;color:#155724}.conversation-status-notification.ignored{background-color:#f8f9fa;color:#6c757d}.message-wrapper{margin-bottom:15px;display:flex;flex-direction:column}.message-wrapper.sent-message{align-items:flex-end}.message-wrapper.received-message{align-items:flex-start}.sender-label{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:0 12px}.sender-name{font-size:12px;font-weight:600;color:#495057}.sender-role{font-size:10px;padding:2px 6px;border-radius:10px;background-color:#e9ecef;color:#6c757d;text-transform:uppercase;font-weight:500}.receiver-label{margin-top:4px;padding:0 12px;text-align:right}.receiver-text{font-size:12px;font-weight:600;color:#28a745}.message-wrapper.sent-message .message-bubble{background:linear-gradient(135deg,#b9f73e,#a8e82a);color:#2e3d40;border-radius:18px 18px 4px;max-width:70%;margin-left:auto;box-shadow:0 2px 8px #b9f73e4d}.message-wrapper.received-message .message-bubble{background:#f8f9fa;color:#333;border-radius:18px 18px 18px 4px;max-width:70%;margin-right:auto;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.message-wrapper.sent-message .message-status{color:#2e3d40;font-size:11px;font-weight:500}.message-wrapper.received-message .message-time{color:#6c757d}.sender-role.agent{background-color:#e3f2fd;color:#1976d2}.sender-role.admin{background-color:#fce4ec;color:#c2185b}.sender-role.customer{background-color:#e8f5e8;color:#388e3c}.message-history{display:flex;flex-direction:column;padding:20px;overflow-y:auto;flex:1}.message-group{margin-bottom:20px;display:flex;flex-direction:column}.message-bubble.left{align-self:flex-start;background-color:#f1f3f4;color:#333;border-radius:18px 18px 18px 4px;max-width:60%;margin-bottom:10px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.message-bubble.right{align-self:flex-end;background:linear-gradient(135deg,#b9f73e,#a8e82a);color:#2e3d40;border-radius:18px 18px 4px;max-width:60%;margin-bottom:10px;box-shadow:0 2px 8px #b9f73e4d;position:relative}.sender-indicator{position:absolute;bottom:-18px;right:10px;font-size:12px;color:#28a745;font-weight:600}.date-divider{text-align:center;margin:20px 0 15px}.date-divider span{background-color:#f8f9fa;color:#6c757d;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #e9ecef}.message-content{padding:12px 16px}.message-content p{margin:0 0 8px;line-height:1.4;word-wrap:break-word}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.message-time{font-size:11px;opacity:.8}.message-wrapper{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.property-chat-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 20px}.property-header-content{display:flex;align-items:center;gap:15px}.property-image-container{flex-shrink:0}.property-header-image{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e0e0e0}.property-header-info{flex:1}.property-header-title{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.property-header-price{font-size:14px;color:#28a745;font-weight:600}.show-contact-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.show-contact-btn:hover{background:#218838}.property-menu-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s ease}.property-menu-btn:hover{background:#f0f0f0}.chat-user-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px 20px}.user-profile-compact{display:flex;align-items:center;gap:12px}.user-info-compact h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.user-status-compact{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.regarding-text{color:#007bff}.conversation-item.property-conversation{display:flex;align-items:flex-start;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.conversation-item.property-conversation:hover{background-color:#f8f9fa}.conversation-item.property-conversation.active{background-color:#e3f2fd;border-left:3px solid #2196f3}.conversation-avatar{margin-right:12px;flex-shrink:0}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-weight:600;color:#333;font-size:14px}.conversation-time{font-size:12px;color:#666;font-weight:500}.property-info{margin-bottom:4px}.property-title{display:block;font-size:13px;color:#555;margin-bottom:2px}.property-price{font-size:12px;color:#28a745;font-weight:600}.last-message{margin-top:4px}.message-preview{font-size:13px;color:#666;line-height:1.3}.conversation-item.property-conversation .unread-count{position:absolute;top:8px;right:8px;background-color:#28a745;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.chat-header.property-context{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:15px 20px}.property-context-info{display:flex;align-items:center;margin-top:10px;padding:10px;background-color:#fff;border-radius:8px;border-left:4px solid #28a745}.property-context-image{width:50px;height:50px;border-radius:6px;margin-right:12px;object-fit:cover}.property-context-details h4{margin:0 0 4px;font-size:14px;color:#333}.property-context-price{font-size:13px;color:#28a745;font-weight:600}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.quick-action-btn{padding:8px 16px;border:1px solid #dee2e6;border-radius:20px;background-color:#fff;color:#495057;font-size:12px;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.quick-action-btn.primary{background-color:#28a745;color:#fff;border-color:#28a745}.quick-action-btn.primary:hover{background-color:#218838;border-color:#1e7e34}.message-input-container.enhanced{padding:15px 20px;background-color:#fff;border-top:1px solid #dee2e6}.message-input-wrapper.enhanced{display:flex;align-items:center;background-color:#f8f9fa;border-radius:25px;padding:8px 15px;border:1px solid #dee2e6}.emoji-btn,.attach-btn.enhanced{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;margin-right:8px;border-radius:50%;transition:background-color .2s ease}.emoji-btn:hover,.attach-btn.enhanced:hover{background-color:#e9ecef}.message-input.enhanced{flex:1;border:none;background:none;outline:none;font-size:14px;padding:8px 0}.voice-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;margin-left:8px;border-radius:50%;transition:background-color .2s ease}.voice-btn:hover{background-color:#e9ecef}.send-btn.enhanced{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;margin-left:8px;transition:all .2s ease}.send-btn.enhanced:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.send-btn.enhanced:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media(max-width:768px){.message-wrapper.sent-message .message-bubble,.message-wrapper.received-message .message-bubble{max-width:85%}.sender-label,.receiver-label{padding:0 8px}.conversation-item.property-conversation{padding:10px 12px}.quick-actions{padding:10px 15px}.quick-action-btn{padding:6px 12px;font-size:11px}}.chat-container{font-family:Arial,sans-serif;background-color:#f8f9fa;border-radius:12px;box-shadow:0 8px 30px #00000014;overflow:hidden}.chat-panel{display:flex;height:100%;background-color:#fff;border-radius:12px;overflow:hidden}.conversations-panel{background-color:#f8f9fa;border-right:1px solid #eaedf3;overflow-y:auto}.conversations-header{padding:20px;border-bottom:1px solid #eaedf3;background-color:#fff}.conversations-header h3{font-size:18px;font-weight:600;color:#333;margin:0;display:flex;align-items:center}.conversation-count{display:inline-flex;align-items:center;justify-content:center;background-color:#8dc63f;color:#fff;border-radius:50%;margin-left:10px;font-size:12px;font-weight:600;box-shadow:0 2px 5px #8dc63f4d}.conversations-search{padding:15px;position:relative;background-color:#fff;border-bottom:1px solid #eaedf3}.search-input{width:100%;padding:12px 40px 12px 15px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#f8f9fa;transition:all .3s ease}.search-input:focus{outline:none;border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}.clear-search-btn{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;cursor:pointer;font-size:14px;padding:5px;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{color:#666;background-color:#f0f0f0}.conversations-list{overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #eaedf3;cursor:pointer;transition:all .2s ease;position:relative}.conversation-item:hover{background-color:#f0f2f5}.conversation-item.active{background-color:#8dc63f1a;border-left:3px solid #8DC63F}.avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;margin-right:15px;position:relative;box-shadow:0 3px 8px #0000001a}.avatar.agent{background-color:#4a6cf7}.avatar.customer{background-color:#8dc63f}.avatar.admin{background-color:#e91e63}.online-indicator{position:absolute;bottom:3px;right:3px;width:10px;height:10px;background-color:#4caf50;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;align-items:center;margin-bottom:5px;flex-wrap:wrap}.conversation-name{font-weight:600;color:#333;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-right:8px}.role-badge.agent{background-color:#4a6cf71a;color:#4a6cf7}.role-badge.customer{background-color:#8dc63f1a;color:#8dc63f}.role-badge.admin{background-color:#e91e631a;color:#e91e63}.conversation-time{margin-left:auto;font-size:12px;color:#888}.conversation-message{display:flex;align-items:center;color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-icon{margin-right:6px}.message-preview{overflow:hidden;text-overflow:ellipsis}.unread-count{min-width:20px;height:20px;border-radius:10px;background-color:#8dc63f;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:10px;box-shadow:0 2px 5px #8dc63f4d}.empty-conversations{padding:40px 20px;text-align:center}.no-conversations-icon,.no-messages-icon{font-size:48px;margin-bottom:15px;color:#ccc}.no-conversations p:first-child,.no-messages h4{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.no-conversations p,.no-messages p{color:#888;margin:5px 0}.no-conversations-hint{font-size:13px;color:#aaa;margin-top:10px}.no-search-results{padding:30px 20px;text-align:center}.no-results-icon{font-size:36px;margin-bottom:15px;color:#ccc}.clear-search-button{background-color:#f0f2f5;border:none;padding:8px 16px;border-radius:20px;color:#666;font-weight:500;margin-top:15px;cursor:pointer;transition:all .2s ease}.clear-search-button:hover{background-color:#e4e6e9;color:#333}.chat-view{flex:1;display:flex;flex-direction:column;background-color:#fff}.chat-messages{display:flex;flex-direction:column;height:100%}.chat-header{padding:15px 20px;border-bottom:1px solid #eaedf3;display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000000d;z-index:1}.back-button{background:none;border:none;color:#666;margin-right:15px;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease}.back-button:hover{background-color:#f0f2f5;color:#333}.back-icon{font-size:18px}.user-profile{display:flex;align-items:center;flex:1}.user-avatar{margin-right:15px}.user-info{flex:1}.user-info h3{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.user-status{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:#888}.status-text{margin-left:8px;display:flex;align-items:center}.status-text:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.status-text:not(:first-child):before{content:"•";margin:0 8px;color:#ddd}.property-reference{color:#4a6cf7;font-weight:500}.message-history{flex:1;overflow-y:auto;padding:20px;background-color:#f8f9fa}.message-group{margin-bottom:20px}.date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:#eaedf3;z-index:1}.date-divider span{position:relative;background-color:#f8f9fa;padding:0 15px;font-size:13px;color:#888;z-index:2}.message-bubble{display:flex;margin-bottom:15px;max-width:70%}.message-bubble.sender{margin-left:auto;justify-content:flex-end}.message-bubble.receiver{margin-right:auto;justify-content:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative;box-shadow:0 1px 2px #0000001a}.message-bubble.sender .message-content{background-color:#8dc63f;color:#fff;border-bottom-right-radius:4px}.message-bubble.receiver .message-content{background-color:#f0f2f5;color:#333;border-bottom-left-radius:4px}.message-content p{margin:0;line-height:1.5;word-break:break-word}.message-meta{display:flex;align-items:center;margin-top:5px;font-size:11px}.message-bubble.sender .message-meta{justify-content:flex-end;color:#fffc}.message-bubble.receiver .message-meta{color:#888}.message-status{display:flex;align-items:center}.message-status:before{content:"";display:inline-block;width:14px;height:14px;margin-right:4px;background-size:contain;background-repeat:no-repeat}.loading-container,.loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #8DC63F;border-radius:50%;margin-bottom:15px;animation:spin 1s linear infinite}.loading-container p,.loading-messages p{color:#888;font-size:14px}.error-container{padding:30px 20px;text-align:center}.error-message{color:#e91e63;font-size:16px;font-weight:500;margin-bottom:15px}.error-help-text{color:#888;margin:15px 0}.retry-button{background-color:#f0f2f5;border:none;padding:10px 20px;border-radius:20px;color:#666;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#e4e6e9;color:#333}.message-input-container{display:flex;align-items:center;padding:15px 20px;background-color:#fff;border-top:1px solid #eaedf3}.message-input-wrapper{flex:1;display:flex;align-items:center;background-color:#f0f2f5;border-radius:24px;padding:0 15px;transition:all .3s ease}.message-input-wrapper:focus-within{background-color:#fff;box-shadow:0 0 0 2px #8dc63f4d}.message-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:15px;color:#333}.message-input:focus{outline:none}.attach-btn{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.attach-btn:hover{color:#333;background-color:#0000000d}.attachment-icon{font-style:normal}.send-btn{background-color:#8dc63f;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer;box-shadow:0 2px 5px #8dc63f4d;transition:all .2s ease}.send-btn:hover{background-color:#7db32e;transform:scale(1.05)}.send-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.message-actions{display:flex;justify-content:flex-end;padding:15px 20px;background-color:#fff;border-top:1px solid #eaedf3}.decline-btn,.accept-btn{padding:10px 20px;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.decline-btn{background-color:#f0f2f5;color:#666;border:none;margin-right:10px}.decline-btn:hover{background-color:#e4e6e9;color:#333}.accept-btn{background-color:#8dc63f;color:#fff;border:none;box-shadow:0 2px 5px #8dc63f4d}.accept-btn:hover{background-color:#7db32e;transform:translateY(-2px);box-shadow:0 4px 8px #8dc63f66}.no-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;background-color:#f8f9fa}.no-conversation-avatar{width:100px;height:100px;border-radius:50%;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.no-conversation-avatar img{width:100%;height:100%;object-fit:cover}.no-conversation h3{font-size:20px;font-weight:600;color:#333;margin:0 0 10px}.no-conversation p{color:#888;margin:0 0 20px;max-width:300px}.no-messages-info{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-top:20px}.no-messages-info p{margin:5px 0;color:#888}.pending-messages-section{margin:15px;padding:15px;background-color:#fff;border-radius:12px;border-left:4px solid #ffc107;box-shadow:0 4px 15px #00000014}.pending-messages-header{display:flex;align-items:center;margin-bottom:10px}.pending-messages-icon{font-size:20px;margin-right:10px;color:#ffc107}.pending-messages-section h4{margin:0;color:#333;font-size:16px;font-weight:600;flex:1}.pending-count{background-color:#ffc107;color:#fff;font-weight:700;font-size:14px;height:24px;min-width:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px;box-shadow:0 2px 5px #ffc1074d}.pending-messages-description{color:#888;font-size:14px;margin:0 0 15px}.pending-messages-list{max-height:300px;overflow-y:auto}.pending-message-item{background-color:#fff;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 2px 8px #00000014;border-left:3px solid #ffc107;transition:all .3s ease}.pending-message-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.pending-message-header{display:flex;align-items:center;margin-bottom:10px}.sender-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f2f5;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;font-size:16px;box-shadow:0 2px 5px #0000001a}.sender-info{flex:1}.sender-info .sender-name{display:block;font-weight:600;color:#333;font-size:15px;margin-bottom:2px}.sender-info .message-time{font-size:12px;color:#888}.property-reference{display:flex;align-items:center;background-color:#4a6cf71a;padding:8px 12px;border-radius:8px;margin-bottom:10px}.property-icon{margin-right:8px}.property-title{font-size:13px;color:#4a6cf7;font-weight:500}.pending-message-content{margin-bottom:15px;padding:0 5px}.pending-message-content p{margin:0;color:#555;line-height:1.5;font-size:14px}.pending-message-actions{display:flex;justify-content:flex-end;gap:10px}.pending-message-actions .ignore-btn,.pending-message-actions .accept-btn{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.pending-message-actions .ignore-btn{background-color:#f0f2f5;color:#666;border:none}.pending-message-actions .accept-btn{background-color:#8dc63f;color:#fff;border:none;box-shadow:0 2px 5px #8dc63f4d}.pending-message-actions .ignore-btn:hover{background-color:#e4e6e9;color:#333}.pending-message-actions .accept-btn:hover{background-color:#7db32e;transform:translateY(-2px);box-shadow:0 4px 8px #8dc63f66}.action-icon{margin-right:6px;font-size:12px}@media(max-width:767px){.chat-container{border-radius:0;box-shadow:none}.chat-panel{border-radius:0}.conversations-panel{width:100%}.conversations-panel.hidden{display:none}.chat-view{display:none;width:100%}.chat-view.active{display:flex}.message-history{padding:15px}.message-bubble{max-width:85%}.message-input-container{padding:10px 15px}.message-input-wrapper{padding:0 10px}.message-input{padding:10px 0;font-size:14px}.send-btn{width:36px;height:36px}.conversation-item{padding:12px 15px}.avatar{width:40px;height:40px;font-size:16px}.conversation-name{font-size:14px}.conversation-time{font-size:11px}.conversation-message{font-size:13px}.unread-count{min-width:18px;height:18px;font-size:11px}.role-badge{font-size:10px;padding:2px 6px}.conversations-header h3{font-size:16px}.conversation-count{width:20px;height:20px;font-size:11px}.search-input{padding:10px 12px;font-size:13px}.no-conversations-icon,.no-messages-icon{font-size:40px}.no-conversations p:first-child,.no-messages h4{font-size:16px}.no-conversations p,.no-messages p{font-size:13px}.loading-spinner{width:30px;height:30px}.loading-container p,.loading-messages p{font-size:13px}.error-message{font-size:14px}.error-help-text{font-size:13px}.retry-button,.login-button,.clear-search-button{padding:8px 16px;font-size:13px}.date-divider span{font-size:12px}.message-meta{font-size:11px}.user-info h3{font-size:15px}.user-status{font-size:12px}.back-button{display:block}}.pending-messages-section{margin:10px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107}.pending-messages-section h4{margin:0 0 8px;color:#333;font-size:15px;font-weight:600}.pending-messages-list{max-height:250px;overflow-y:auto}.pending-message-item{background-color:#fff;border-radius:6px;padding:10px;margin-bottom:8px;box-shadow:0 1px 3px #0000001a;border-left:3px solid #ffc107}.pending-message-header{display:flex;justify-content:space-between;margin-bottom:6px}.pending-message-header .sender-name{font-weight:600;color:#333;font-size:14px}.pending-message-header .property-title{font-size:12px;color:#666;font-style:italic}.pending-message-content{margin-bottom:8px}.pending-message-content p{margin:0;color:#444;line-height:1.4;font-size:13px}.pending-message-actions{display:flex;justify-content:flex-end;gap:8px}.pending-message-actions .ignore-btn{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.pending-message-actions .accept-btn{background-color:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.pending-message-actions .ignore-btn:hover{background-color:#e9ecef}.pending-message-actions .accept-btn:hover{background-color:#218838}.mobile-chat-interface{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;position:relative}.chat-header{display:flex;align-items:center;padding:15px;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;z-index:10}.menu-icon{font-size:20px;margin-right:15px;color:#4a5568;cursor:pointer}.header-title{font-size:18px;font-weight:600;color:#2d3748;flex:1}.user-avatar{width:36px;height:36px;background-color:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4a5568}.back-button{background:none;border:none;font-size:24px;color:#4a5568;margin-right:10px;cursor:pointer;padding:0}.header-info{display:flex;flex-direction:column;flex:1}.header-name{font-size:16px;font-weight:600;color:#2d3748}.header-role{display:flex;align-items:center}.header-property{font-size:12px;color:#718096;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chat-content{display:flex;flex:1;overflow:hidden;position:relative}.conversation-list{width:100%;display:flex;flex-direction:column;background-color:#fff;transition:transform .3s ease;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}.conversation-list.collapsed{transform:translate(-100%)}.search-container{padding:15px;position:relative;border-bottom:1px solid #e2e8f0}.search-input{width:100%;padding:10px 15px 10px 35px;border:1px solid #e2e8f0;border-radius:20px;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.search-input:focus{outline:none;border-color:#8cc63f;box-shadow:0 0 0 2px #8cc63f1a}.clear-search-btn{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;font-size:14px;padding:5px}.conversations{flex:1;overflow-y:auto}.conversation-item{display:flex;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.conversation-item:hover{background-color:#f8fafc}.conversation-item.active{background-color:#f0f7ff;border-left:3px solid #8cc63f}.conversation-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;position:relative}.conversation-avatar.agent{background-color:#e3f2fd;color:#1976d2}.conversation-avatar.customer{background-color:#e8f5e9;color:#2e7d32}.conversation-avatar.admin{background-color:#fce4ec;color:#c2185b}.online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#4caf50;border-radius:50%;border:2px solid white}.conversation-details{flex:1;overflow:hidden}.conversation-header{display:flex;align-items:center;margin-bottom:5px}.conversation-name{font-weight:500;margin-right:8px;color:#2d3748}.conversation-time{font-size:12px;color:#a0aec0;margin-left:auto}.conversation-preview{display:flex;align-items:center;color:#718096;font-size:14px}.preview-icon{margin-right:6px}.preview-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{min-width:20px;height:20px;background-color:#8cc63f;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px;margin-left:8px}.role-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500;margin-right:5px}.role-badge.agent{background-color:#e3f2fd;color:#1976d2}.role-badge.customer{background-color:#e8f5e9;color:#2e7d32}.role-badge.admin{background-color:#fce4ec;color:#c2185b}.message-view{flex:1;display:flex;flex-direction:column;background-color:#f8fafc;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column}.message-bubble{max-width:80%;margin-bottom:15px;position:relative;border-radius:18px;padding:12px 15px;box-shadow:0 1px 2px #0000001a}.message-bubble.sent{background-color:#e3f2fd;border-bottom-right-radius:4px;align-self:flex-end;margin-left:auto}.message-bubble.received{background-color:#fff;border-bottom-left-radius:4px;align-self:flex-start}.message-text{margin:0 0 8px;line-height:1.4}.message-meta{display:flex;justify-content:flex-end;align-items:center;font-size:12px;color:#a0aec0}.message-time{margin-right:5px}.message-status{font-size:12px}.date-divider{text-align:center;margin:20px 0;position:relative}.date-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e2e8f0;z-index:1}.date-divider span{background:#f8fafc;padding:0 15px;position:relative;z-index:2;color:#a0aec0;font-size:13px}.message-input-container{display:flex;align-items:center;padding:15px;background-color:#fff;border-top:1px solid #e2e8f0}.message-input{flex:1;border:1px solid #e2e8f0;border-radius:20px;padding:10px 15px;font-size:14px;margin-right:10px}.message-input:focus{outline:none;border-color:#8cc63f;box-shadow:0 0 0 2px #8cc63f1a}.send-button{width:40px;height:40px;background-color:#8cc63f;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.send-button:disabled{background-color:#cbd5e0;cursor:not-allowed}.send-button:after{content:"→";font-size:20px}.action-buttons{display:flex;justify-content:space-between;padding:15px;background-color:#fff;border-top:1px solid #e2e8f0}.accept-button,.decline-button{padding:10px 20px;border-radius:20px;font-weight:500;cursor:pointer;flex:1;margin:0 5px}.accept-button{background-color:#8cc63f;color:#fff;border:none}.decline-button{background-color:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.loading-container,.loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;height:100%}.loading-spinner{border:4px solid rgba(140,198,63,.1);border-radius:50%;border-top:4px solid #8cc63f;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.loading-container p,.loading-messages p{color:#718096;font-size:14px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;background-color:#fff5f5;border-radius:8px;margin:20px;box-shadow:0 2px 10px #0000000d}.error-message{color:#e53e3e;font-size:16px;font-weight:500;margin-bottom:15px}.error-help-text{color:#718096;font-size:14px;margin:15px 0;max-width:300px}.retry-button,.login-button{background-color:#8cc63f;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:5px}.retry-button:hover,.login-button:hover{background-color:#7ab62f;transform:translateY(-1px)}.login-button{background-color:#4a5568}.login-button:hover{background-color:#2d3748}.no-conversations,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%}.no-conversations-icon,.no-messages-icon{font-size:48px;margin-bottom:15px;color:#cbd5e0}.no-conversations p,.no-messages p{color:#718096;margin:5px 0}.no-conversations p:first-child,.no-messages h4{color:#4a5568;font-weight:600;font-size:18px;margin-bottom:10px}.mobile-footer-menu{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e2e8f0;padding:10px 0;position:fixed;bottom:0;left:0;right:0;z-index:100}.footer-menu-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:#718096;font-size:12px;padding:5px 0;cursor:pointer}.footer-menu-button.active{color:#8cc63f}.footer-menu-icon{font-size:20px;margin-bottom:5px}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.mobile-listings-container{padding:10px}.mobile-property-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.mobile-offering-badge{display:inline-block;padding:6px 12px;background:#4a6cf7;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.mobile-status{display:flex;align-items:center}.mobile-card-body{padding:16px}.mobile-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.price-label{font-size:13px;color:#6c757d;font-weight:500}.price-value{font-size:18px;font-weight:700;color:#2c3e50}.mobile-location{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#f8f9fa;border-radius:8px}.mobile-location i{color:#4a6cf7;font-size:14px}.mobile-location span{font-size:13px;color:#495057;line-height:1.4}.mobile-details{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mobile-detail-item{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#2c3e50;font-weight:600;text-align:right}.mobile-card-actions{display:flex;gap:8px;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef}.mobile-action-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;text-decoration:none}.mobile-action-btn.edit-btn{background:#4a6cf7;color:#fff}.mobile-action-btn.edit-btn:hover{background:#3a5ce7}.mobile-action-btn.delete-btn{background:#dc3545;color:#fff}.mobile-action-btn.delete-btn:hover{background:#c82333}.mobile-action-btn i{font-size:14px}.mobile-empty-state{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.mobile-empty-state p{margin-bottom:16px;color:#6c757d;font-size:14px}.mobile-empty-state .add-listing-link{display:inline-block;padding:10px 20px;background:#4a6cf7;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px}.mobile-empty-state .add-listing-link:hover{background:#3a5ce7}@media(max-width:768px){.manage-listings-filters{flex-direction:column;gap:12px}.search-form{width:100%}.filter-selects{width:100%;flex-direction:column;gap:8px}.filter-select{width:100%}}.filters-scroll{display:flex;overflow-x:auto;gap:1rem;padding:.5rem;background:#f8f8f8;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.filter-btn{white-space:nowrap;padding:.5rem 1rem;border:none;background:#fff;border-radius:20px;font-weight:700;flex:0 0 auto}.filter-btn.active{background:#34a853;color:#fff}.mobile-listings-view{display:none;flex-direction:column;gap:1rem;padding:10px;margin-bottom:20px}.listing-card{display:block;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.listing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.thumbnail{width:100%;height:auto;border-radius:6px 6px 0 0;object-fit:contain;background-color:#f5f5f5;max-height:180px}.property-details{padding:15px}.property-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.property-header h4{margin:0;font-size:18px;font-weight:600;color:#2c3e50;flex:1;line-height:1.3}.status-container-mobile{flex-shrink:0}.property-info-grid{display:grid;gap:12px;margin-bottom:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;font-weight:500;color:#666;flex-shrink:0}.info-value{font-size:14px;color:#333;text-align:right;font-weight:500}.price-value{color:#4a6cf7;font-weight:700;font-size:16px}.status-active{background-color:#e9fdf2;color:#34a853;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.status-sold{background-color:#f2f2f2;color:#666;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.status-pending{background-color:#fff8e1;color:#ffa000;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.property-actions{display:flex;gap:8px;padding-top:15px;border-top:1px solid #f0f0f0}.action-btn{flex:1;padding:10px 16px;text-align:center;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.action-btn:active{transform:scale(.98)}.edit-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.view-btn{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#424242}.delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828)}.no-listings{padding:40px 20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.no-listings-icon{font-size:48px;margin-bottom:15px;color:#4a6cf7}.no-listings p{margin-bottom:20px;color:#666}.add-property-link{display:inline-block;padding:10px 20px;background:#4a6cf7;color:#fff;border-radius:4px;text-decoration:none;font-weight:500}.list-btn{position:fixed;bottom:20px;right:20px;background:#7ac943;color:#fff;font-weight:700;padding:.8rem 1.2rem;border-radius:25px;box-shadow:0 2px 6px #0003;text-decoration:none;z-index:100}@media(max-width:992px){.listing-table,.desktop-view{display:none!important}.mobile-listings-view{display:flex!important}.listings-header{padding:15px;border-bottom:1px solid #eee}.listings-header h2{font-size:20px;margin:0}.tab-navigation{display:none}.manage-listings-filters{flex-direction:column;gap:10px}.search-form{max-width:100%}.filter-selects{flex-direction:column;width:100%}.filter-select{width:100%}}@media(min-width:993px){.filters-scroll,.list-btn{display:none}.mobile-listings-view{display:none!important}.desktop-view{display:block!important}}.new-listing{position:relative}.new-listing:before{content:"New";position:absolute;top:10px;right:10px;background:#4a6cf7;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;z-index:1}.my-listings-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-bottom:1px solid #eee}.my-listings-title{font-size:20px;font-weight:600;margin:0;color:#333}.listing-count{display:inline-block;background-color:#4a6cf7;color:#fff;border-radius:50%;width:24px;height:24px;font-size:12px;line-height:24px;text-align:center;margin-left:8px}.add-listing-btn{padding:8px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-weight:500;text-decoration:none;font-size:14px}.manage-listings-container{padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;border:1px solid #f0f0f0}.manage-listings-header{margin-bottom:20px}.manage-listings-header h1{font-size:28px;color:#2c3e50;margin-bottom:5px;font-weight:700;background:linear-gradient(90deg,#4a6cf7,#6a89cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manage-listings-header p{color:#666;font-size:16px}.manage-listings-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-form{display:flex;flex:1;max-width:500px}.search-input{flex:1;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px 0 0 4px;font-size:14px;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000000d}.search-input:focus{outline:none;border-color:#4a6cf7;box-shadow:inset 0 1px 3px #0000000d,0 0 0 2px #4a6cf71a}.search-button{background:linear-gradient(135deg,#4a6cf7,#3f5efb);color:#fff;border:none;padding:10px 20px;border-radius:0 4px 4px 0;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 5px #4a6cf74d}.search-button:hover{background:linear-gradient(135deg,#3f5efb,#4a6cf7);box-shadow:0 4px 8px #4a6cf766;transform:translateY(-1px)}.filter-selects{display:flex;gap:10px}.filter-select{padding:10px 30px 10px 15px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;min-width:150px;font-size:14px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23888' d='M0 2l4 4 4-4H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:#444}.filter-select:hover{border-color:#bbb;box-shadow:0 2px 5px #00000014}.filter-select:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4a6cf7;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}.listings-table-container{width:100%;overflow-x:auto;margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d}.property-table{width:100%;border-collapse:collapse;background:#fff}.property-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.property-table th{padding:12px 15px;text-align:left;font-size:11px;font-weight:600;color:#666;text-transform:none;border-bottom:1px solid #e0e0e0}.property-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.property-table tbody tr:hover{background-color:#f8f9ff}.property-table tbody tr:last-child{border-bottom:none}.property-table td{padding:12px 15px;font-size:14px;color:#333;vertical-align:middle}.property-table td.price-cell{color:#4a6cf7;font-weight:600}.property-table td.status-cell{min-width:120px}.property-table td.action-cell{text-align:center;padding:8px}.property-table td.empty-row{text-align:center;padding:40px 20px}.table-action-link,.table-action-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:4px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.table-action-link.edit-link{background-color:#e3f2fd;color:#1976d2}.table-action-link.edit-link:hover{background-color:#bbdefb;transform:translateY(-1px)}.table-action-button.delete-button{background-color:#ffebee;color:#d32f2f}.table-action-button.delete-button:hover{background-color:#ffcdd2;transform:translateY(-1px)}.table-action-link i,.table-action-button i{font-size:12px}.table-header{display:flex;background:linear-gradient(to right,#f8f9fa,#e9ecef);padding:14px 16px;font-weight:700;color:#2c3e50;border-bottom:1px solid #e0e0e0;min-width:100%;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #00000008}.table-body{min-width:100%}.header-cell,.cell{padding:8px 12px;display:flex;align-items:center}.header-cell{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.cell{font-size:14px;color:#444}.property{flex:1;font-weight:500;color:#2c3e50}.offering{flex:0 0 100px;font-weight:500;color:#6a89cc}.location{flex:1}.price{flex:0 0 120px;font-weight:500;color:#4a6cf7}.owner{flex:0 0 120px}.status{flex:0 0 100px;text-align:center}.date{flex:0 0 100px;color:#777;font-size:13px}.actions{flex:0 0 180px;display:flex;justify-content:center;align-items:center;gap:8px}.table-row{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee;transition:all .2s ease}.table-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.table-row:hover{background-color:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.status-badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700}.status-badge.published{background-color:#e6f7e6;color:#4caf50}.status-badge.pending{background-color:#fff8e1;color:#ff9800}.status-badge.sold{background-color:#e3f2fd;color:#2196f3}.status-badge.rented{background-color:#f3e5f5;color:#9c27b0}.status-badge.sold{background-color:#e8f5e9;color:#4caf50}.status-select{padding:6px 24px 6px 10px;border-radius:50px;font-size:12px;font-weight:700;border:1px solid #ddd;background-color:#fff;cursor:pointer;width:100%;text-align:center;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23888' d='M0 2l4 4 4-4H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.status-select:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.status-select:focus{outline:none;box-shadow:0 0 0 2px #4a6cf733}.status-select.pending{background-color:#fff8e1;color:#f57c00;border-color:#ffcc80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23f57c00' d='M0 2l4 4 4-4H0z'/%3E%3C/svg%3E")}.status-select.sold{background-color:#e8f5e9;color:#2e7d32;border-color:#a5d6a7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%232e7d32' d='M0 2l4 4 4-4H0z'/%3E%3C/svg%3E")}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;flex-shrink:0}.action-icon:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.action-icon.edit{background:linear-gradient(135deg,#2196f3,#1976d2)}.action-icon.edit:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.action-icon.approve{background-color:#4caf50}.action-icon.approve:hover{background-color:#45a049}.action-icon.pause{background-color:#ff9800}.action-icon.pause:hover{background-color:#fb8c00}.action-icon.delete{background:linear-gradient(135deg,#f44336,#e53935)}.action-icon.delete:hover{background:linear-gradient(135deg,#e53935,#d32f2f)}.action-icon.sold{background-color:#4caf50}.action-icon.sold:disabled{background-color:#a5d6a7;cursor:not-allowed;opacity:.7}.action-icon i{font-size:14px}.action-buttons-container{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 1px 3px #0000001a}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000026}.approve-btn{background-color:#28a745;color:#fff}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;color:#fff}.reject-btn:hover{background-color:#c82333}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn{background-color:#6c757d;color:#fff;padding:6px 8px}.delete-btn:hover{background-color:#545b62}@media(max-width:1200px){.action-btn{font-size:11px;padding:5px 8px}.actions{flex:0 0 160px}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination-btn{padding:10px 18px;background:linear-gradient(to bottom,#fff,#f5f5f5);border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;margin:0 5px;font-weight:500;color:#4a6cf7;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.pagination-btn:hover:not(:disabled){background:linear-gradient(to bottom,#f5f5f5,#e9ecef);border-color:#d0d0d0;color:#3f5efb;box-shadow:0 2px 5px #00000014}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f8f8;color:#aaa}.page-info{margin:0 10px;font-size:14px;color:#666}.empty-state{text-align:center;padding:40px 20px;background-color:#f9fafc;border-radius:8px;border:1px dashed #d0d0d0}.empty-state p{margin-bottom:15px;color:#666;font-size:16px}.add-listing-link{display:inline-block;background:linear-gradient(135deg,#4a6cf7,#3f5efb);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 5px #4a6cf74d}.add-listing-link:hover{background:linear-gradient(135deg,#3f5efb,#4a6cf7);box-shadow:0 4px 8px #4a6cf766;transform:translateY(-1px)}@media(max-width:992px){.manage-listings-filters{flex-direction:column;align-items:stretch}.search-form{max-width:100%}.filter-selects{width:100%}.filter-select{flex:1}.listings-table-container.desktop-view{display:none!important}.mobile-listings-view{display:block!important}}@media(min-width:993px){.mobile-listings-view{display:none!important}.listings-table-container.desktop-view{display:block!important}}.desktop-hidden{display:none}@media(max-width:767px){.desktop-hidden{display:flex}}.account-management{font-family:Arial,sans-serif;display:flex;background-color:#f5f7fa}.account-sidebar{width:280px;min-width:280px;background-color:#fff;border-right:1px solid #eaedf3;padding:25px 0;height:calc(100vh - 60px);position:sticky;top:60px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.account-content{flex:1;padding:30px;background-color:#f5f7fa}.account-list{margin-top:15px;padding-top:15px;border-top:1px solid #eaedf3}.account-list ul{list-style:none;padding:0;margin:0}.account-list li{margin-bottom:8px}.account-tab-title{display:flex;align-items:center;padding:14px 25px;cursor:pointer;transition:all .3s ease;color:#5a6a85;position:relative;border-left:4px solid transparent}.account-tab-title:hover{background-color:#8dc63f14;color:#333}.account-tab-title.active{background-color:#8dc63f26;color:#8dc63f;font-weight:600;border-left:4px solid #8DC63F}.account-tab-title em{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:15px;color:inherit;transition:transform .2s ease}.account-tab-title:hover em{transform:translate(3px)}.tab-title{font-size:15px;font-weight:500}.account-tab-title[data-tab=dashboard]{color:#5a6a85}.account-tab-title[data-tab=dashboard].active{color:#8dc63f;background-color:#8dc63f26}.account-tab-title[data-tab=property-alert]{color:#5a6a85}.account-tab-title[data-tab=property-alert].active{color:#e91e63;background-color:#e91e6326;border-left:4px solid #e91e63}.account-tab-title[data-tab=contact-us]{color:#5a6a85}.account-tab-title[data-tab=contact-us].active{color:#4caf50;background-color:#4caf5026;border-left:4px solid #4CAF50}.account-tab-title[data-tab=reviews]{color:#5a6a85}.account-tab-title[data-tab=reviews].active{color:#ff9800;background-color:#ff980026;border-left:4px solid #FF9800}.notification-badge{display:inline-block;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:#f44336;color:#fff;font-size:12px;line-height:20px;text-align:center;margin-left:10px;box-shadow:0 2px 5px #f443364d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 6px #f4433600}to{box-shadow:0 0 #f4433600}}.sidebar-title{font-size:20px;font-weight:600;color:#333;padding:0 25px 18px;margin:0;border-bottom:1px solid #eaedf3;letter-spacing:.5px}.sidebar-agent-info{position:absolute;bottom:0;left:0;right:0;padding:18px 25px;background-color:#f9f9f9;border-top:1px solid #eaedf3;display:flex;align-items:center;transition:all .3s ease}.sidebar-agent-info:hover{background-color:#f0f2f5}.agent-avatar{width:42px;height:42px;background-color:#8dc63f;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;box-shadow:0 3px 6px #8dc63f33}.agent-details{flex:1;overflow:hidden}.agent-name{font-weight:600;font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.agent-email{font-size:13px;color:#5a6a85;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-container{padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.date-filter{display:flex;align-items:center}.select-date-range{display:flex;align-items:center;border:1px solid #e0e0e0;padding:8px 12px;border-radius:6px;margin-right:10px;background-color:#fff;box-shadow:0 2px 5px #0000000d}.close-btn{margin-left:10px;cursor:pointer;font-weight:700;color:#5a6a85}.all-btn{padding:8px 16px;background-color:#f5f5f5;border-radius:6px;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:all .2s ease}.all-btn:hover{background-color:#e9e9e9}.metrics-section{margin-bottom:30px}.metric-item{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 10px #00000014;transition:all .3s ease}.metric-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.metric-value{display:flex;align-items:center;margin-top:15px}.number{font-size:28px;font-weight:700;margin-right:12px;color:#333}.percentage{font-size:14px;padding:4px 10px;border-radius:20px;font-weight:500}.success{background-color:#45b36b1a;color:#45b36b}.metrics-tabs{display:flex;margin-bottom:25px;border-bottom:1px solid #eaedf3}.tab{padding:12px 25px;cursor:pointer;border-bottom:3px solid transparent;color:#5a6a85;font-weight:500;transition:all .3s ease}.tab:hover{color:#333}.tab.active{border-bottom-color:#8dc63f;color:#8dc63f;font-weight:600}.metrics-chart{padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014}.placeholder-chart{height:300px;background-color:#f9f9f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#5a6a85;font-weight:500;border:1px dashed #ddd}.property-stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.property-stat-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 10px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.property-stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.property-stat-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#8dc63f;opacity:.8}.property-stat-card:nth-child(2):before{background-color:#4a6cf7}.property-stat-card:nth-child(3):before{background-color:#ff9800}.stat-card-title{font-size:16px;color:#5a6a85;margin:0 0 15px;font-weight:500}.stat-card-value{font-size:28px;font-weight:700;margin:0;color:#333}.stat-card-change{font-size:14px;color:#45b36b;margin:8px 0 0;display:flex;align-items:center}.stat-card-change:before{content:"↑";margin-right:5px}.add-property-button{display:flex;align-items:center;justify-content:center;background-color:#8dc63f;color:#fff;border:none;border-radius:8px;padding:14px 25px;margin:20px 0;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #8dc63f4d;transition:all .3s ease;text-decoration:none;font-size:15px;letter-spacing:.5px}.add-property-button:hover{background-color:#7db32e;transform:translateY(-2px);box-shadow:0 5px 15px #8dc63f66}.add-property-button svg{margin-right:10px;transition:transform .3s ease}.add-property-button:hover svg{transform:rotate(90deg)}.collapsible-section{margin-bottom:25px;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #00000014}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;cursor:pointer;border-bottom:1px solid #eaedf3;transition:background-color .2s ease}.collapsible-header:hover{background-color:#f9f9f9}.collapsible-title{font-weight:600;margin:0;color:#333;font-size:18px}.collapsible-icon{transition:transform .3s ease}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.open{max-height:1000px}.collapsible-body{padding:20px 25px}.messages-container{padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.messages-actions{display:flex;align-items:center}.btn-compose{background-color:#8dc63f;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;margin-right:15px;font-weight:500;box-shadow:0 3px 10px #8dc63f4d;transition:all .3s ease}.btn-compose:hover{background-color:#7db32e;transform:translateY(-2px)}.search-box{position:relative}.search-box input{padding:10px 35px 10px 15px;border:1px solid #e0e0e0;border-radius:6px;width:220px;font-size:14px;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.search-box input:focus{border-color:#8dc63f;box-shadow:0 2px 8px #8dc63f33;outline:none}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#5a6a85}.messages-list{margin-bottom:25px}.message-item{display:flex;align-items:center;padding:18px;border-bottom:1px solid #eaedf3;background-color:#fff;transition:all .2s ease}.message-item:hover{background-color:#f9f9f9}.message-item.unread{background-color:#8dc63f0d}.message-status{width:20px;margin-right:15px}.unread-indicator{display:block;width:10px;height:10px;background-color:#8dc63f;border-radius:50%;box-shadow:0 0 0 3px #8dc63f33}.message-sender{width:150px;font-weight:600;color:#333}.message-subject{width:200px;font-weight:500;color:#333}.message-preview{flex:1;color:#5a6a85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px}.message-date{width:100px;text-align:right;color:#5a6a85;font-size:13px}.message-actions{display:flex;align-items:center}.btn-icon{background:none;border:none;cursor:pointer;color:#5a6a85;margin-left:12px;transition:color .2s ease}.btn-icon:hover{color:#333}.messages-pagination{display:flex;justify-content:center;align-items:center}.btn-page{padding:8px 12px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;border-radius:6px;margin:0 5px;transition:all .2s ease}.btn-page:hover{background-color:#f5f5f5;border-color:#ccc}.page-numbers{margin:0 15px;color:#5a6a85}.property-alert-container{padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.alert-actions{display:flex;align-items:center}.filter-dropdown select{padding:10px 15px;border:1px solid #e0e0e0;border-radius:6px;margin-right:15px;font-size:14px;color:#333;background-color:#fff;box-shadow:0 2px 5px #0000000d;transition:all .3s ease}.filter-dropdown select:focus{border-color:#8dc63f;box-shadow:0 2px 8px #8dc63f33;outline:none}.btn-settings{display:flex;align-items:center;background-color:#f5f5f5;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#5a6a85}.btn-settings:hover{background-color:#e9e9e9;color:#333}.alerts-list{margin-bottom:25px}.alert-item{display:flex;padding:20px;border-bottom:1px solid #eaedf3;background-color:#fff;transition:all .2s ease}.alert-item:hover{background-color:#f9f9f9}.alert-item.unread{background-color:#8dc63f0d}.alert-badge{margin-right:20px}.badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;box-shadow:0 2px 5px #0000001a}.badge.new{background-color:#8dc63f;color:#fff}.badge.price{background-color:#ff9800;color:#fff}.badge.status{background-color:#2196f3;color:#fff}.alert-content{flex:1}.alert-details{margin:10px 0;color:#5a6a85}.price-info,.status-info{margin-bottom:8px}.price-change,.status-change{color:#5a6a85;font-size:14px}.alert-description{margin-top:12px;color:#333}.alert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.alert-date{color:#5a6a85;font-size:13px}.btn-view,.btn-dismiss{padding:8px 15px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;margin-left:12px;border-radius:6px;transition:all .2s ease;font-size:14px}.btn-view{background-color:#8dc63f;color:#fff;border:none;box-shadow:0 3px 10px #8dc63f4d}.btn-view:hover{background-color:#7db32e;transform:translateY(-2px)}.btn-dismiss:hover{background-color:#f5f5f5;border-color:#ccc}.contact-us-container{padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014}.contact-header{margin-bottom:30px}.contact-content{display:flex;flex-wrap:wrap;margin-bottom:40px}.contact-info{flex:1;min-width:300px;margin-right:30px;margin-bottom:25px}.info-item{display:flex;margin-bottom:25px;align-items:flex-start}.info-item i{font-size:24px;margin-right:15px;color:#8dc63f}.contact-form{flex:2;min-width:300px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.form-group input:focus,.form-group textarea:focus{border-color:#8dc63f;box-shadow:0 2px 8px #8dc63f33;outline:none}.btn-submit{background-color:#8dc63f;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-weight:500;box-shadow:0 3px 10px #8dc63f4d;transition:all .3s ease}.btn-submit:hover{background-color:#7db32e;transform:translateY(-2px);box-shadow:0 5px 15px #8dc63f66}.faq-section{margin-top:40px;background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 3px 10px #00000014}.faq-item{margin-bottom:25px;border-bottom:1px solid #eaedf3;padding-bottom:20px}.faq-item:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.faq-item h4{margin-bottom:10px;color:#333;font-weight:600}.faq-item p{color:#5a6a85;line-height:1.6}.agent-info-container{padding:25px;margin-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014}.agent-profile{display:flex;align-items:center;margin-bottom:25px}.agent-avatar{margin-right:20px}.avatar-circle{width:70px;height:70px;background-color:#8dc63f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 3px 10px #8dc63f4d}.agent-details{flex:1}.agent-name{margin:0;font-size:20px;font-weight:600;color:#333}.agent-email{margin:5px 0 0;color:#5a6a85;font-size:14px}.agent-actions{margin-left:15px}.btn-edit-profile{background:none;border:none;cursor:pointer;color:#8dc63f;font-size:15px;transition:all .2s ease}.btn-edit-profile:hover{color:#7db32e;text-decoration:underline}.agent-stats{display:flex;justify-content:space-between;margin-bottom:25px}.stat-item{text-align:center;flex:1;padding:15px;background-color:#fff;border-radius:8px;margin:0 8px;box-shadow:0 3px 10px #00000014;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-label{display:block;color:#5a6a85;font-size:14px;margin-bottom:8px}.stat-value{font-size:22px;font-weight:700;color:#333}.agent-actions-list{display:flex;flex-wrap:wrap;margin-bottom:25px}.btn-action{display:flex;align-items:center;background-color:#fff;border:1px solid #e0e0e0;padding:12px 18px;margin-right:12px;margin-bottom:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.btn-action:hover{background-color:#f9f9f9;border-color:#8dc63f;transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.btn-action i{margin-right:10px;color:#8dc63f}.agent-verification{display:flex;flex-wrap:wrap;align-items:center;background-color:#f9f9f9;padding:15px;border-radius:8px}.verification-status{display:flex;align-items:center;margin-right:25px;margin-bottom:10px}.verification-status.verified i{color:#8dc63f;margin-right:8px}.account-status,.membership-info{margin-right:25px;margin-bottom:10px}.status-label,.membership-label{color:#5a6a85;margin-right:8px}.status-value.active{color:#8dc63f;font-weight:600}.membership-value.premium{color:#ff9800;font-weight:600}.agent-info-section{margin-bottom:30px}@media(max-width:767px){.account-management{flex-direction:column;position:relative}.mobile-account-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.mobile-header-title{font-size:18px;font-weight:600;color:#333;margin:0}.hamburger-menu{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;padding:0}.user-icon{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-weight:700}.account-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:#fff;z-index:1000;transition:left .3s ease;box-shadow:2px 0 5px #0000001a;overflow-y:auto}.account-sidebar.open{left:0}.sidebar-close{position:absolute;top:15px;right:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;padding:0;font-size:24px;color:#666}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.sidebar-overlay.open{display:block}.account-content{padding:15px;width:100%;box-sizing:border-box}.account-tab-title{padding:15px 20px}.account-tab-title em{width:28px;height:28px}.tab-title{font-size:16px}.account-tab-title.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:currentColor}.dashboard-container{padding:10px}.dashboard-header{flex-direction:column;align-items:flex-start}.date-filter{margin-top:10px;width:100%}.metrics-section{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-item{padding:12px}.number{font-size:20px}.metrics-chart{padding:15px;margin-top:15px}.placeholder-chart{height:200px}.property-alert-container{padding:10px}.alert-header{flex-direction:column;align-items:flex-start}.alert-actions{margin-top:10px;width:100%}.alert-item{flex-direction:column}.alert-badge{margin-bottom:10px}.alert-footer{flex-direction:column;align-items:flex-start}.alert-actions{margin-top:10px}.test-mode-widget{position:fixed;bottom:20px;right:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:10px 15px;z-index:90;display:flex;align-items:center;border:1px solid #eee}.test-mode-widget.collapsed{width:40px;height:40px;border-radius:50%;justify-content:center;padding:0}.test-mode-icon{font-size:20px;margin-right:10px}.test-mode-widget.collapsed .test-mode-icon{margin-right:0}.test-mode-label{font-weight:500;margin-right:10px}.test-mode-widget.collapsed .test-mode-label,.test-mode-widget.collapsed .test-mode-toggle{display:none}.test-mode-toggle{position:relative;display:inline-block;width:40px;height:20px}.test-mode-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#8dc63f}input:checked+.toggle-slider:before{transform:translate(20px)}.add-property-button{display:flex;align-items:center;justify-content:center;background-color:#8dc63f;color:#fff;border:none;border-radius:8px;padding:12px 20px;margin:15px 0;width:100%;font-weight:500;cursor:pointer;box-shadow:0 2px 5px #0000001a}.add-property-button svg{margin-right:8px}.property-stats-cards{display:flex;overflow-x:auto;margin:0 -15px;padding:0 15px;scrollbar-width:none}.property-stats-cards::-webkit-scrollbar{display:none}.property-stat-card{min-width:200px;background-color:#fff;border-radius:8px;padding:15px;margin-right:15px;box-shadow:0 2px 5px #0000000d;flex-shrink:0}.property-stat-card:last-child{margin-right:0}.stat-card-title{font-size:14px;color:#666;margin:0 0 10px}.stat-card-value{font-size:20px;font-weight:700;margin:0}.stat-card-change{font-size:12px;color:#45b36b;margin:5px 0 0}.collapsible-section{margin-bottom:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;border-bottom:1px solid #f0f0f0}.collapsible-title{font-weight:500;margin:0}.collapsible-icon{transition:transform .3s ease}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.open{max-height:1000px}.collapsible-body{padding:15px}}.findagent-page-main{padding:0;background:#fff;min-height:100vh}.agent-finder{min-height:100vh;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 0;color:#fff;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:40px}.hero-text{flex:1}.hero-text h1{font-size:36px;font-weight:700;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em;color:#fff!important}.hero-text p{font-size:18px;line-height:1.5;margin:0;opacity:.9;font-weight:400;color:#fff!important}.hero-stats{display:flex;gap:20px;flex-shrink:0}.stat{text-align:center;padding:15px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:100px}.stat-number{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{display:block;font-size:12px;opacity:.9;font-weight:500}.search-section{padding:40px 0;background:#f8fafc}.search-wrapper{max-width:800px;margin:0 auto;text-align:center}.search-wrapper h2{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 32px;letter-spacing:-.025em}.agent-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.form-field{position:relative}.field-icon{display:none}.form-field select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field select:hover{border-color:#cbd5e1}.form-field:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:12px;pointer-events:none}.form-options{display:flex;justify-content:center;margin-bottom:24px}.verified-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.verified-toggle input[type=checkbox]{display:none}.toggle-slider{width:48px;height:24px;background:#e2e8f0;border-radius:12px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.verified-toggle input:checked+.toggle-slider{background:#667eea}.verified-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-text{font-size:16px;color:#374151;font-weight:500}.form-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 8px #667eea4d}.search-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.browse-button{background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center}.browse-button:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.benefits-section{padding:40px 0;background:#fff}.benefits-section h2{text-align:center;font-size:24px;font-weight:600;color:#1e293b;margin:0 0 32px;letter-spacing:-.025em}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.benefit-card{text-align:center;padding:24px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.benefit-card:hover:before{opacity:1}.benefit-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:20px;position:relative;z-index:2}.benefit-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 12px;position:relative;z-index:2}.benefit-card p{font-size:14px;color:#64748b;margin:0;line-height:1.5;position:relative;z-index:2}@media(max-width:1024px){.hero-content{flex-direction:column;text-align:center;gap:40px}.hero-stats{justify-content:center}.hero-text h1{font-size:48px}}@media(max-width:768px){.hero-section{padding:60px 0}.hero-text h1{font-size:40px}.hero-text p{font-size:18px}.hero-stats{flex-direction:column;gap:20px;width:100%}.stat{min-width:auto}.search-section{padding:60px 0}.search-wrapper h2{font-size:32px}.agent-form{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:20px}.form-field select{padding:14px 16px;font-size:15px}.form-actions{flex-direction:column;align-items:center}.search-button,.browse-button{width:100%;max-width:300px}.benefits-section{padding:60px 0}.benefits-section h2{font-size:32px}.benefits-grid{grid-template-columns:1fr;gap:30px}.benefit-card{padding:30px 20px}}@media(max-width:480px){.hero-text h1{font-size:32px}.hero-text p{font-size:16px}.search-wrapper h2,.benefits-section h2{font-size:28px}.form-row{grid-template-columns:1fr;gap:16px}.form-field select{padding:16px;font-size:15px;min-height:50px}.search-button,.browse-button{padding:16px 24px;font-size:16px;min-height:50px}}*{box-sizing:border-box}.agent-detail-popup-main{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.agent-detail-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.agent-detail-popup{position:relative;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out;z-index:1001}.agent-detail-popup-inner{padding:30px}.close-button{position:absolute;top:15px;right:15px;background:#fff;border:none;font-size:20px;color:#777;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;box-shadow:0 2px 8px #0000001a;z-index:10}.close-button:hover{color:#ff385c;background-color:#f0f0f0;transform:scale(1.1)}.agent-details-top{display:flex;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.agent-profile-img{position:relative;flex-shrink:0}.agent-profile-img span{width:100px;height:100px;border-radius:50%;background-color:#f0f0f0;background-size:cover;background-position:center;display:block;border:3px solid #fff;box-shadow:0 2px 10px #0000001a}.verified-badge-profile{position:absolute;bottom:5px;right:5px;background-color:#4caf50;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid white;box-shadow:0 2px 5px #0003}.agent-profile-info{flex:1}.agent-profile-info h3{font-size:1.8rem;color:#333;margin-bottom:8px;font-weight:600}.agent-region{color:#666;font-size:1rem;margin-bottom:12px;display:flex;align-items:center;gap:5px}.agent-profile-info p{color:#555;font-size:.9rem;margin:5px 0;display:flex;align-items:center;gap:8px}.agent-profile-info p svg{color:#4a6cf7}.agent-rating{display:flex;align-items:center;gap:8px;margin-top:10px}.agent-rating .star{color:#ddd;font-size:16px}.agent-rating .star.filled{color:#ffc107}.agent-rating .star.half-filled{color:#ffc107;opacity:.5}.agent-rating span{color:#666;font-weight:600}.agent-details-info{display:flex;flex-direction:column;gap:20px}.agent-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:10px}.agent-info-item{text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px}.agent-info-item h5{color:#666;font-size:.85rem;margin-bottom:8px;font-weight:500;text-transform:uppercase}.agent-info-item p{color:#333;font-size:1.2rem;font-weight:600}.agent-verification-info{background-color:#e8f5e9;padding:15px;border-radius:8px;border-left:4px solid #4CAF50}.verification-badge{display:flex;align-items:center;gap:8px;color:#2e7d32;font-weight:600;margin-bottom:5px}.verification-badge svg{background-color:#4caf50;color:#fff;padding:3px;border-radius:50%;font-size:12px}.license-number{color:#555;font-size:.9rem;margin:0}.agent-bio-section h4,.agent-specializations h4,.agent-reviews-section h4{color:#333;font-size:1.1rem;margin-bottom:12px;font-weight:600}.agent-bio-section p{color:#555;line-height:1.6;font-size:.95rem}.specialization-tags{display:flex;flex-wrap:wrap;gap:10px}.specialization-tag{background-color:#e3f2fd;color:#1976d2;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.agent-reviews{display:flex;flex-direction:column;gap:15px}.review-item{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:3px solid #4a6cf7}.review-rating{display:flex;gap:3px;margin-bottom:10px}.review-rating .star{color:#ddd;font-size:14px}.review-rating .star.filled{color:#ffc107}.review-text{color:#555;line-height:1.5;font-size:.9rem;margin:0}.agent-contact-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}.agent-contact-actions button{padding:12px 16px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.agent-contact-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.agent-detail-popup{width:95%;max-height:95vh}.agent-detail-popup-inner{padding:20px 15px}.agent-details-top{flex-direction:column;align-items:center;text-align:center}.agent-info-row,.agent-contact-actions{grid-template-columns:1fr}.agent-profile-info h3{font-size:1.5rem}}@media(max-width:576px){.close-button{width:30px;height:30px;font-size:18px}.agent-profile-img span{width:80px;height:80px}}.message-agent-popup-main{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.message-agent-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.message-agent-popup{position:relative;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;animation:slideUp .3s ease-out;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-agent-popup-inner{padding:25px}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:18px;color:#777;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%}.close-button:hover{color:#ff385c;background-color:#0000000d}.message-agent-header{margin-bottom:20px;text-align:center}.message-agent-header h3{font-size:1.6rem;color:#333;margin-bottom:8px;font-weight:600}.message-agent-header p{color:#777;font-size:1rem}.message-agent-form{display:flex;flex-direction:column;gap:15px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#36f;box-shadow:0 0 0 2px #3366ff1a}.form-group input.error,.form-group textarea.error{border-color:#ff385c}.form-group .error-message{color:#ff385c;font-size:.8rem;margin-top:5px;display:block}.checkbox-group{display:flex;align-items:flex-start}.checkbox-container{display:flex;align-items:flex-start;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease}.checkbox-container:hover input~.checkmark{border-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#36f;border-color:#36f}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:.9rem;color:#555;line-height:1.4}.send-message-btn{background-color:#36f;color:#fff;border:none;padding:12px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-weight:500}.send-message-btn:hover{background-color:#2952cc}.send-message-btn:disabled{background-color:#a3b7ff;cursor:not-allowed}@media(max-width:576px){.message-agent-popup{width:95%}.message-agent-popup-inner{padding:20px 15px}.message-agent-header h3{font-size:1.4rem}}.find-agent-list{min-height:100vh;background-color:#f8f9fa;padding:20px 0}.agent-list-header{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;display:flex;align-items:center;gap:15px}.back-btn{background:transparent;border:none;color:#4caf50;font-size:16px;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .3s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background-color:#f0f0f0}.agent-list-header h1{font-size:28px;font-weight:700;margin:0;color:#333}.agent-list-header p{font-size:16px;color:#666;margin:0}.agent-filters{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 10px #0000001a}.agent-filters h3{font-size:20px;font-weight:600;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:10px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.filter-grid select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:14px;background-color:#fff;cursor:pointer}.filter-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.verified-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#555;cursor:pointer}.verified-checkbox input{transform:scale(1.1)}.clear-filters-btn{background-color:#dc3545;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.clear-filters-btn:hover{background-color:#c82333}.loading-state{background:#fff;border-radius:12px;padding:60px;text-align:center;box-shadow:0 2px 10px #0000001a}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.no-agents{background:#fff;border-radius:12px;padding:60px;text-align:center;box-shadow:0 2px 10px #0000001a}.no-agents-icon{font-size:64px;color:#ddd;margin-bottom:20px}.no-agents h3{font-size:24px;font-weight:600;color:#333;margin-bottom:15px}.no-agents p{font-size:16px;color:#666;margin-bottom:25px}.primary-btn{background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.primary-btn:hover{background-color:#45a049}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.agent-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid #f0f0f0}.agent-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.verified-badge{position:absolute;top:15px;right:15px;background-color:#4caf50;color:#fff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.agent-header{display:flex;align-items:center;margin-bottom:20px}.agent-avatar{width:70px;height:70px;border-radius:50%;background-color:#e0e0e0;margin-right:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid #4CAF50}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-avatar span{font-size:24px;font-weight:600;color:#4caf50}.agent-info{flex:1}.agent-info h4{font-size:20px;font-weight:700;margin:0 0 5px;color:#333}.agent-info p{font-size:14px;color:#666;margin:0 0 8px;display:flex;align-items:center;gap:5px}.agent-rating{display:flex;align-items:center;gap:5px}.star-filled{color:#ffc107}.star-empty{color:#e0e0e0}.agent-rating span{margin-left:5px;font-size:14px;color:#666}.agent-details{margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;background-color:#f8f9fa;border-radius:8px;font-size:14px;color:#333}.specialties{margin-bottom:10px}.specialties strong{font-size:14px;color:#333;margin-bottom:8px;display:block}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background-color:#e8f5e8;color:#2e7d32;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.tag-more{color:#666;font-size:12px;padding:4px 8px}.contact-btn{width:100%;background-color:#4caf50;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease}.contact-btn:hover{background-color:#45a049}@media(max-width:768px){.agent-list-header{flex-direction:column;align-items:flex-start;gap:10px}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:flex-start}.agent-grid{grid-template-columns:1fr}.agent-header{flex-direction:column;text-align:center}.agent-avatar{margin-right:0;margin-bottom:15px}}.form-step-section{padding:15px;border-bottom:1px solid #eee;transition:all .3s ease;position:relative}.step-header{display:flex;align-items:center;margin-bottom:10px}.step-number{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;border-radius:50%;font-weight:600;font-size:14px;box-shadow:0 2px 6px #0003}.step-header h4{font-size:16px;font-weight:600;margin:0;position:relative;padding-bottom:3px}.step-content{padding-left:35px}.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.header-content{flex-grow:1}.collapse-toggle .toggle-icon{font-size:18px;transition:transform .2s ease;color:#4a6cf7}.collapse-toggle .toggle-icon.collapsed{transform:rotate(0)}.collapse-toggle .toggle-icon.expanded{transform:rotate(180deg)}.step-content.collapsed{display:none}.offering-options{display:flex;gap:20px;max-width:600px;margin:25px auto 20px}.offering-card{flex:1;padding:13px 10px;border-radius:8px;border:2px solid #e0e0e0;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(to bottom,#fff,#f8f9fa);min-height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;box-shadow:0 3px 8px #00000014}.offering-options div:nth-child(1).offering-card.selected:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #27ae60 transparent transparent;box-shadow:-1px 1px 3px #0000001a}.offering-options div:nth-child(2).offering-card.selected:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #4a6cf7 transparent transparent;box-shadow:-1px 1px 3px #0000001a}.card-icon{margin-bottom:8px;display:flex;justify-content:center}.icon-circle{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;font-size:16px;margin:0}.offering-card h5{font-size:12px;font-weight:700;margin:5px 0 2px;color:#2c3e50;display:block}.offering-card p{font-size:9px;color:#666;margin:0;display:block}.form-group{margin-bottom:12px;position:relative}.form-group.required label:after{content:"*";color:#e74c3c;margin-left:2px}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error .select-wrapper .react-select__control{border-color:#e74c3c!important;background-color:#e74c3c0d}.error-msg{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;transition:all .2s ease;background-color:#f9fafc}.price-input:before{content:"ETB";position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;font-size:14px}.price-input input{padding-left:50px}.react-select .react-select__control{border-radius:6px;border:1px solid #ddd;box-shadow:none;min-height:44px;background-color:#f9fafc}.react-select .react-select__control:hover{border-color:#bbb}.react-select .react-select__control--is-focused{border-color:#4a6cf7;box-shadow:0 0 0 1px #4a6cf7;background-color:#fff}.react-select .react-select__placeholder{color:#aaa}.react-select .react-select__indicator-separator{background-color:#ddd}.react-select .react-select__menu{border-radius:6px;margin-top:3px;box-shadow:0 5px 15px #0000001a}.react-select .react-select__option{padding:10px 15px;cursor:pointer}.react-select .react-select__option--is-selected{background-color:#4a6cf7}.react-select .react-select__option--is-focused:not(.react-select__option--is-selected){background-color:#4a6cf71a;color:#333}.image-upload-section{background:linear-gradient(to bottom,#f0f4ff,#f8fbff)}.image-upload-grid-horizontal{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;margin-bottom:30px;width:100%}.image-upload-slot{position:relative;border-radius:10px;overflow:hidden;border:2px dashed #ddd;height:140px;background-color:#fff;transition:all .3s ease;box-shadow:0 3px 10px #0000000d}.image-upload-slot:hover{border-color:#9b59b6;box-shadow:0 5px 15px #9b59b633;transform:translateY(-5px)}.main-photo-slot{grid-column:span 2;grid-row:span 2;height:auto;min-height:300px;border:3px dashed #9b59b6;background-color:#9b59b60d}.upload-placeholder{width:100%;height:100%}.upload-drop-zone{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.upload-drop-zone:hover{background-color:#9b59b60d}.upload-icon{font-size:20px;margin-bottom:5px;color:#9b59b6}.upload-drop-zone p{margin:2px 0;font-weight:500;color:#2c3e50;font-size:12px}.upload-drop-zone span{font-size:10px;color:#666}.upload-drop-zone small{margin-top:2px;font-size:9px;color:#9b59b6;font-style:italic}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:100%;object-fit:contain;background-color:#f5f5f5}.main-photo-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#9b59b6e6,#8e44ade6);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;z-index:2;box-shadow:0 2px 5px #0003}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.upload-spinner{font-size:24px;margin-bottom:10px;animation:spin 1.5s linear infinite}.image-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:2}.image-actions button{width:30px;height:30px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.remove-btn{background:linear-gradient(135deg,#e74c3ccc,#c0392bcc);color:#fff;box-shadow:0 2px 5px #e74c3c4d}.remove-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b)}.replace-btn{background:linear-gradient(135deg,#9b59b6cc,#8e44adcc);color:#fff;box-shadow:0 2px 5px #9b59b64d}.replace-btn:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.add-more-section{text-align:center;margin-top:20px}.add-more-btn{background-color:transparent;border:2px dashed #9b59b6;color:#9b59b6;padding:10px 20px;border-radius:30px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-more-btn:hover{background-color:#9b59b60d;box-shadow:0 3px 10px #9b59b61a}.add-more-section p{margin-top:8px;font-size:13px;color:#666}.amenities-container{margin-top:10px}.amenities-column:nth-child(1) .amenities-category-title{color:#27ae60;border-bottom-color:#27ae6033}.amenities-column:nth-child(2) .amenities-category-title{color:#3498db;border-bottom-color:#3498db33}.amenities-column:nth-child(3) .amenities-category-title{color:#f39c12;border-bottom-color:#f39c1233}.amenities-column:nth-child(1) .amenity-card:hover{border-color:#27ae60;background-color:#27ae600d}.amenities-column:nth-child(2) .amenity-card:hover{border-color:#3498db;background-color:#3498db0d}.amenities-column:nth-child(3) .amenity-card:hover{border-color:#f39c12;background-color:#f39c120d}.amenities-column:nth-child(1) .amenity-card.selected{border-color:#27ae60;background-color:#27ae601a}.amenities-column:nth-child(2) .amenity-card.selected{border-color:#3498db;background-color:#3498db1a}.amenities-column:nth-child(3) .amenity-card.selected{border-color:#f39c12;background-color:#f39c121a}.form-submit-section{background:linear-gradient(to bottom,#f8fbff,#f0f4ff);padding:25px 30px;border-top:1px solid #eee}.submit-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.back-btn{padding:12px 25px;border-radius:8px;background-color:#f0f0f0;color:#333;font-weight:500;text-decoration:none;transition:all .3s ease;border:1px solid #ddd;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background-color:#e0e0e0;color:#2c3e50;box-shadow:0 3px 8px #00000014;transform:translate(-2px)}.submit-actions button[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #667eea66;position:relative;overflow:hidden;letter-spacing:.5px}.submit-actions button[type=button]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.submit-actions button[type=button]:hover:before{left:100%}.submit-actions button[type=button]:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 32px #667eea80;transform:translateY(-3px) scale(1.02)}.submit-actions button[type=button]:active{transform:translateY(-1px) scale(.98);box-shadow:0 5px 16px #667eea66}.submit-actions button[type=button]:disabled{background:linear-gradient(135deg,#b3b3b3,#ccc);cursor:not-allowed;box-shadow:0 4px 12px #0000001a;transform:none}.submit-actions button[type=button]:disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.submit-actions button[type=button].uploads-in-progress{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 6px 20px #ff980066}.submit-actions button[type=button] svg{width:18px;height:18px;transition:transform .3s ease}.submit-actions button[type=button]:hover svg{transform:translate(4px)}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.form-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #667eea66;letter-spacing:.5px}.form-action-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 32px #667eea80;transform:translateY(-3px) scale(1.02)}.form-action-btn:disabled{background:linear-gradient(135deg,#b3b3b3,#ccc);cursor:not-allowed;box-shadow:0 4px 12px #0000001a;transform:none}.form-progress{text-align:center;font-size:14px;color:#666}@media(max-width:992px){.form-col-33{flex:0 0 50%;max-width:50%}.image-upload-slot{flex:0 0 calc(50% - 10px)}.offering-options{gap:5px}.offering-card{padding:8px}.icon-circle{width:36px;height:36px;font-size:18px}.offering-card h5{font-size:14px;margin:2px 0}.offering-card p{font-size:11px}}@media(max-width:768px){.offering-options{flex-direction:column;gap:15px;max-width:350px}.offering-card{min-height:95px;padding:12px}.icon-circle{width:38px;height:38px;margin-bottom:6px}.offering-card h5{font-size:16px;margin:4px 0}.offering-card p{font-size:13px}.form-step-section{padding:20px}.step-content{padding-left:20px}.form-col-33,.form-col-50{flex:0 0 100%;max-width:100%}.amenities-row{flex-direction:column}.image-upload-slot,.main-photo-slot{flex:0 0 100%}.submit-actions{flex-direction:column;gap:15px}.back-btn,.form-action-btn{width:100%;text-align:center;justify-content:center}}@media(max-width:480px){.property-heading-form h3{font-size:22px}.offering-options{max-width:280px}.offering-card{min-height:105px;padding:15px 10px}.icon-circle{width:40px;height:40px;font-size:20px;margin-bottom:8px}.offering-card h5{font-size:16px;margin:5px 0}}@media screen and (max-width:767px){.property-form-section{padding:10px 0 30px}.property-heading-form{margin-bottom:15px;padding-top:0;margin-top:0}.property-heading-form h3{font-size:22px;margin-top:0}.property-heading-form h3:after{width:100px}.form-step-section .step-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;margin-bottom:15px;gap:15px;width:100%;position:relative}.form-step-section .step-indicator{margin:0!important;padding:0!important;flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:center!important}.form-step-section .step-number{width:32px!important;height:32px!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.form-step-section .step-header h4{font-size:16px!important;margin:0!important;padding:0!important;line-height:1.3!important;display:inline-flex!important;align-items:center!important;height:32px!important;vertical-align:middle!important}.form-step-section .header-content{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1!important}.form-step-section .collapse-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}.step-description{margin-top:3px;margin-left:40px;font-size:13px}.step-content{padding-left:0;margin-top:15px}.form-row,.form-row-3-cols,.form-row-4-cols{display:flex;flex-direction:column;margin-left:0;margin-right:0;margin-bottom:0}.form-col-25,.form-col-33,.form-col-50,.form-col-100{flex:0 0 100%;max-width:100%;padding:0 0 15px}.form-group{margin-bottom:15px}.form-group label{font-weight:600;margin-bottom:5px;display:block;font-size:14px}.form-group input,.form-group textarea,.form-group .select-wrapper .react-select__control{width:100%;padding:12px;border-radius:8px;font-size:14px}.price-input:before{content:none!important}.price-input input{padding-left:12px!important}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error .select-wrapper .react-select__control{border-color:#e74c3c!important;background-color:#ffebee!important}.collapsible-header{align-items:center}.collapse-toggle{margin-left:auto}.form-step-section .offering-options{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:15px!important;margin:15px 0!important;width:100%!important;padding:0!important;flex-wrap:nowrap!important}.form-step-section .offering-card{flex:1 1 calc(50% - 8px)!important;min-height:50px!important;max-width:calc(50% - 8px)!important;padding:10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s ease!important;margin:0!important}.offering-card.selected{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.card-icon{margin-right:5px;margin-bottom:0}.icon-circle{width:24px;height:24px;font-size:12px;margin:0 5px 0 0}.offering-card h5{font-size:14px;margin:0;display:inline-block}.offering-card p{display:none}.offering-options div:nth-child(1).offering-card.selected:after,.offering-options div:nth-child(2).offering-card.selected:after{border-width:0 20px 20px 0}.image-upload-grid-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:10px}.main-photo-slot{grid-column:span 2;min-height:200px}.image-upload-slot{height:120px}.upload-tips-box{display:none!important}.add-more-section{margin-top:15px;text-align:center}.add-more-btn{padding:8px 16px!important;font-size:14px!important}.add-more-section p{font-size:12px;margin-top:5px}.offering-options{flex-direction:column;max-width:280px;margin-left:auto;margin-right:auto}.offering-card{min-height:36px}.image-upload-grid-horizontal{grid-template-columns:1fr}.main-photo-slot{grid-column:span 1}}.form-row,.form-row-3-cols,.form-row-4-cols{display:flex;flex-wrap:wrap;margin:0 -10px 15px}.form-col-25{flex:0 0 25%;max-width:25%;padding:0 10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#d32f2f;background-color:#fff8f8}.form-group .error-msg{color:#d32f2f;font-size:12px;margin-top:5px}@media(max-width:992px){.form-col-25,.form-col-33{flex:0 0 50%;max-width:50%}}@media(max-width:576px){.form-col-25,.form-col-33{flex:0 0 100%;max-width:100%}.form-row,.form-row-3-cols,.form-row-4-cols{margin:0 -5px 10px}.form-col-25,.form-col-33,.form-col-100{padding:0 5px}}.property-form-section{padding:40px 0;background:linear-gradient(to bottom,#f0f4ff,#f8f9fa)}.property-heading-form{margin-bottom:30px;text-align:center}.property-heading-form h3{font-size:28px;font-weight:700;color:#2c3e50;position:relative;display:inline-block;padding-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.property-heading-form h3:after{content:"";position:absolute;width:120px;height:3px;background:linear-gradient(to right,#4a6cf7,#67b8ff);bottom:0;left:50%;transform:translate(-50%);border-radius:10px}.property-heading-form p{margin-top:10px;color:#666;font-size:14px}.property-form-main{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;overflow:hidden;border:1px solid rgba(74,108,247,.1)}.form-step-section{padding:30px;border-bottom:1px solid #eee;transition:all .3s ease;position:relative}.form-step-section:nth-child(odd){background-color:#f0f4ff4d}.form-step-section:nth-child(2n){background-color:#fffffff2}.form-step-section:last-child{border-bottom:none}.form-step-section.has-error{background-color:#e74c3c0d;border-left:3px solid #e74c3c}.form-step-section:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,#4a6cf7,#67b8ff);opacity:.6}.step-header{display:flex;align-items:center;margin-bottom:20px}.step-indicator{margin-right:15px}.step-number{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;border-radius:50%;font-weight:600;font-size:18px;box-shadow:0 3px 8px #0003}.form-step-section:nth-child(1) .step-number{background:linear-gradient(135deg,#4a6cf7,#67b8ff)}.form-step-section:nth-child(2) .step-number{background:linear-gradient(135deg,#3498db,#79b9ff)}.form-step-section:nth-child(3) .step-number{background:linear-gradient(135deg,#2ecc71,#69e89f)}.form-step-section:nth-child(4) .step-number{background:linear-gradient(135deg,#9b59b6,#c49bdb)}.form-step-section:nth-child(5) .step-number{background:linear-gradient(135deg,#f39c12,#ffbe65)}.form-step-section:nth-child(6) .step-number{background:linear-gradient(135deg,#e74c3c,#ff8a80)}.step-header h4{font-size:20px;font-weight:600;margin:0;position:relative;padding-bottom:5px}.form-step-section:nth-child(1) .step-header h4{color:#4a6cf7}.form-step-section:nth-child(2) .step-header h4{color:#3498db}.form-step-section:nth-child(3) .step-header h4{color:#2ecc71}.form-step-section:nth-child(4) .step-header h4{color:#9b59b6}.form-step-section:nth-child(5) .step-header h4{color:#f39c12}.form-step-section:nth-child(6) .step-header h4{color:#e74c3c}.step-description{margin-top:5px;color:#666;font-size:14px}.step-content{padding-left:50px}.offering-options{display:flex;gap:20px;margin-top:20px;margin-bottom:20px}.offering-card{flex:1;padding:25px;border-radius:10px;border:2px solid #e0e0e0;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(to bottom,#fff,#f8f9fa)}.offering-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.offering-card.selected{border-color:#4a6cf7;background:linear-gradient(to bottom,#f0f4ff,#e8f0fe);box-shadow:0 5px 15px #4a6cf726;transform:translateY(-3px)}.offering-options div:nth-child(1).offering-card.selected{border-color:#27ae60;background:linear-gradient(to bottom,#27ae6026,#2ecc7140);box-shadow:0 5px 15px #27ae6033;position:relative;overflow:hidden}.offering-options div:nth-child(2).offering-card.selected{border-color:#4a6cf7;background:linear-gradient(to bottom,#4a6cf726,#67b8ff40);box-shadow:0 5px 15px #4a6cf733;position:relative;overflow:hidden}.offering-options div:nth-child(1).offering-card.selected:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 40px 40px 0;border-color:transparent #27ae60 transparent transparent;box-shadow:-2px 2px 5px #0000001a}.offering-options div:nth-child(2).offering-card.selected:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 40px 40px 0;border-color:transparent #4a6cf7 transparent transparent;box-shadow:-2px 2px 5px #0000001a}.offering-options div:nth-child(1).offering-card.selected h5{color:#27ae60;font-weight:700;transform:scale(1.05);transition:all .3s ease}.offering-options div:nth-child(2).offering-card.selected h5{color:#4a6cf7;font-weight:700;transform:scale(1.05);transition:all .3s ease}.offering-options div:nth-child(1).offering-card.selected p{color:#2c3e50;font-weight:500}.offering-options div:nth-child(2).offering-card.selected p{color:#2c3e50;font-weight:500}.offering-options div:nth-child(1).offering-card.selected .icon-circle.green{transform:scale(1.1);box-shadow:0 5px 15px #27ae6040;transition:all .3s ease}.offering-options div:nth-child(2).offering-card.selected .icon-circle.blue{transform:scale(1.1);box-shadow:0 5px 15px #4a6cf740;transition:all .3s ease}.card-icon{margin-bottom:15px}.icon-circle{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;font-size:28px}.icon-circle.green{background:linear-gradient(135deg,#27ae601a,#2ecc7133);color:#27ae60;box-shadow:0 3px 10px #27ae6026}.icon-circle.blue{background:linear-gradient(135deg,#4a6cf71a,#67b8ff33);color:#4a6cf7;box-shadow:0 3px 10px #4a6cf726}.offering-card h5{font-size:18px;font-weight:600;margin:10px 0;color:#2c3e50}.offering-card p{font-size:14px;color:#666;margin:0}.form-row,.form-row-3-cols{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-bottom:20px}.form-col-33{flex:0 0 33.333333%;max-width:33.333333%;padding:0 10px}.form-col-50{flex:0 0 50%;max-width:50%;padding:0 10px}.form-col-100{flex:0 0 100%;max-width:100%;padding:0 10px}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#f9fafc}.form-group input:focus,.form-group textarea:focus{border-color:#4a6cf7;outline:none;box-shadow:0 0 0 3px #4a6cf71a;background-color:#fff}.form-group textarea{resize:vertical;min-height:80px}.price-input{position:relative}.price-input:before{content:none!important}.price-input input{padding-left:15px!important}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.select-wrapper{position:relative}.image-upload-section{margin-top:15px}.upload-info{margin-bottom:20px;font-size:14px;color:#666;font-style:italic}.image-upload-grid{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.image-upload-slot{flex:0 0 calc(25% - 12px);position:relative;border-radius:8px;overflow:hidden;border:2px dashed #ddd;background-color:#f9fafc;height:150px;transition:all .2s ease}.image-upload-slot:hover{border-color:#4a6cf7;background-color:#4a6cf70d}.upload-placeholder{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.upload-content{text-align:center;padding:15px}.upload-icon{font-size:28px;margin-bottom:10px;color:#4a6cf7}.upload-content span{display:block;margin-top:5px;font-size:13px;color:#666}.file-input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.uploaded-image{position:relative;height:100%;width:100%}.uploaded-image img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#e74c3ccc;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;z-index:2}.remove-image:hover{background:#e74c3c;transform:scale(1.1)}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.upload-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:24px;height:24px;animation:spin 1s linear infinite}.add-more-images{margin-top:10px;display:inline-block;padding:8px 15px;background-color:transparent;color:#4a6cf7;border:1px dashed #4a6cf7;border-radius:5px;font-size:14px;cursor:pointer;transition:all .2s ease}.add-more-images:hover{background-color:#4a6cf70d;box-shadow:0 3px 8px #4a6cf71a}.amenities-container{margin-top:15px}.amenities-row{display:flex;flex-wrap:wrap;margin:0 -10px}.amenities-column{flex:1;min-width:250px;padding:0 10px;margin-bottom:20px}.amenities-category-title{font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.amenities-grid{display:grid;grid-template-columns:1fr;gap:10px}.amenity-card{display:flex;align-items:center;padding:10px 15px;border-radius:6px;border:1px solid #eee;cursor:pointer;transition:all .2s ease;background-color:#fff}.amenity-card:hover{border-color:#4a6cf7;background-color:#4a6cf70d}.amenity-card.selected{border-color:#4a6cf7;background-color:#4a6cf71a}.amenity-checkbox{margin-right:10px}.amenity-label{font-size:14px;color:#2c3e50}.selected-amenities-summary{margin-top:20px;padding:15px;background-color:#f0f4ff;border-radius:8px;border:1px solid rgba(74,108,247,.2)}.summary-title{font-size:16px;font-weight:600;margin-bottom:10px;color:#4a6cf7}.selected-amenities-tags{display:flex;flex-wrap:wrap;gap:8px}.amenity-tag{display:inline-flex;align-items:center;background-color:#4a6cf7;color:#fff;padding:5px 12px;border-radius:20px;font-size:13px}.remove-tag-btn{margin-left:5px;background:none;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.remove-tag-btn:hover{opacity:1}.form-actions{display:flex;justify-content:space-between;padding:30px;background-color:#f9fafc;border-top:1px solid #eee}.btn{padding:12px 25px;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;font-size:15px}.btn-primary{background-color:#4a6cf7;color:#fff;box-shadow:0 3px 10px #4a6cf733}.btn-primary:hover{background-color:#3a5bd9;transform:translateY(-2px);box-shadow:0 5px 15px #4a6cf74d}.btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.btn-secondary:hover{background-color:#e0e0e0;color:#2c3e50}.btn-outline{background-color:transparent;border:1px solid #4a6cf7;color:#4a6cf7}.btn-outline:hover{background-color:#4a6cf70d;box-shadow:0 3px 8px #4a6cf71a}@media(max-width:992px){.form-col-33{flex:0 0 50%;max-width:50%}.image-upload-slot{flex:0 0 calc(50% - 10px)}}@media(max-width:768px){.offering-options{flex-direction:column}.form-step-section{padding:20px}.step-content{padding-left:20px}.form-col-33,.form-col-50{flex:0 0 100%;max-width:100%}.amenities-row{flex-direction:column}.image-upload-slot{flex:0 0 100%}}@media(max-width:480px){.property-heading-form h3{font-size:24px}.step-header{flex-direction:column;align-items:flex-start}.step-indicator{margin-bottom:10px}.step-content{padding-left:0}}.promotion-container{width:100%;max-width:800px;margin:20px auto;padding:0 20px;font-family:Arial,sans-serif}.promotion-steps{display:flex;justify-content:center;margin-bottom:40px;position:relative}.promotion-steps:after{content:"";position:absolute;top:15px;left:25%;right:25%;height:3px;background:#f0f0f0;z-index:1}.step{display:flex;flex-direction:column;align-items:center;width:150px;position:relative;z-index:2}.step-number{width:34px;height:34px;border-radius:50%;background-color:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;border:2px solid #f0f0f0;position:relative;z-index:2;transition:all .3s ease}.step.active .step-number{background-color:#4a6cf7;color:#fff;border-color:#4a6cf7}.step.completed .step-number{background-color:#27ae60;color:#fff;border-color:#27ae60}.step-label{font-size:14px;color:#666;font-weight:500;transition:all .3s ease}.step.active .step-label,.step.completed .step-label{color:#333;font-weight:600}.promotion-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.promotion-header h2{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.promotion-header p{font-size:16px;color:#6c757d;margin:0}.promotion-plans{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.promotion-plan{flex:1;min-width:250px;max-width:350px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #00000014;transition:all .3s ease;position:relative;cursor:pointer;padding-bottom:15px;border:2px solid transparent}.promotion-plan:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.promotion-plan.selected{border-color:#27ae60;box-shadow:0 8px 20px #27ae6033;transform:translateY(-3px)}.plan-header{padding:15px;text-align:center;position:relative;overflow:hidden}.basic-plan .plan-header{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;position:relative}.basic-plan.selected .plan-header:after{content:"✓ SELECTED";position:absolute;top:8px;right:8px;background:#ffffffe6;color:#27ae60;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.vip-plan .plan-header{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.diamond-plan .plan-header{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.plan-name{font-size:16px;font-weight:700;margin-bottom:8px;position:relative;z-index:2}.plan-price{font-size:14px;font-weight:500;margin-bottom:0;position:relative;z-index:2}.plan-decoration{position:absolute;bottom:-10px;right:-10px;width:120px;height:120px;border-radius:50%;background:#ffffff1a;z-index:1}.plan-decoration:before{content:"";position:absolute;top:25px;left:25px;width:70px;height:70px;border-radius:50%;background:#ffffff26}.plan-body{padding:15px}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{padding:6px 0;display:flex;align-items:center;font-size:12px;color:#555;border-bottom:1px solid #f0f0f0}.plan-features li:last-child{border-bottom:none}.feature-icon{color:#27ae60;margin-right:10px;font-size:16px}.disabled .feature-icon{color:#ccc}.duration-options{padding:0 15px;margin-top:10px}.duration-label{font-size:14px;font-weight:600;margin-bottom:10px;color:#555}.duration-buttons{display:flex;gap:10px;flex-wrap:wrap}.duration-button{flex:1;padding:8px 15px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#555;text-align:center;cursor:pointer;transition:all .2s ease}.duration-button:hover{background:#ebebeb}.duration-button.selected{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.promotion-summary{background:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto}.summary-header{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}.summary-detail{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.summary-detail:last-child{border-bottom:none;font-weight:600}.summary-label{color:#555}.summary-value{font-weight:500}.action-buttons{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.back-button{padding:12px 25px;background:#f0f0f0;color:#555;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.back-button:hover{background:#e0e0e0}.continue-button{padding:15px 40px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 4px 12px #27ae604d;text-transform:uppercase;letter-spacing:.5px}.continue-button:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px);box-shadow:0 6px 16px #27ae6066}.continue-button:disabled{background:#b3b3b3;cursor:not-allowed}.button-icon{margin-right:8px}@media(max-width:992px){.promotion-plans{flex-direction:column}.promotion-plan{min-width:100%}}@media(max-width:768px){.promotion-steps{flex-wrap:wrap}.promotion-steps:after{display:none}.step{margin-bottom:15px}.action-buttons{flex-direction:column;gap:15px}.back-button,.continue-button{width:100%;justify-content:center}}.popular-tag{position:absolute;top:15px;right:-30px;background:#e74c3c;color:#fff;font-size:12px;font-weight:700;padding:5px 30px;transform:rotate(45deg);z-index:3}.no-plan-message{text-align:center;color:#e74c3c;font-size:14px;margin-top:10px;font-weight:500}:root{--primary-color: #b9f73e;--secondary-color: #34a853;--accent-color: #b9f73e;--dark-color: #2e3d40;--light-color: #f8f9fa;--gray-color: #6c757d;--border-color: #e9ecef;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .05);--shadow-md: 0 5px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--dark-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.py-5{padding-top:3rem;padding-bottom:3rem}.py-4{padding-top:2.5rem;padding-bottom:2.5rem}.mb-5{margin-bottom:3rem}.mb-4{margin-bottom:2.5rem}.mb-3{margin-bottom:1.5rem}.mt-5{margin-top:3rem}.mt-4{margin-top:2.5rem}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;color:var(--dark-color)}p{margin-top:0;margin-bottom:1rem;color:var(--gray-color)}.common-section{padding:5rem 0}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--dark-color)}.section-subtitle{font-size:1.1rem;color:var(--gray-color);max-width:800px;margin:0 auto 2rem}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.btn{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;border-radius:.375rem;transition:var(--transition);text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#b51515}.btn-secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.header{border-bottom:1px solid var(--border-color)}.header .logo{color:var(--primary-color);font-weight:700;font-size:24px;text-decoration:none}.nav-link{color:var(--dark-color);text-decoration:none;padding:8px 16px;font-weight:500;display:inline-block}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.login-btn{background-color:var(--dark-color);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px}.login-btn:hover{background-color:#1a1a1a}.hero-section{position:relative;background-size:cover;background-position:center;color:#fff}.hero-section:before{content:none!important;display:none!important}.banner-section:before,.banner-section:after{content:none!important;display:none!important}.hero-section .container{position:relative;z-index:2}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-content h1,.hero-content h2{margin-bottom:1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-content h1{font-size:3.5rem}.hero-content h2{font-size:2.5rem}.search-container{margin-top:2rem}.search-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:1.5rem}.search-tab-btn{padding:10px 20px;border:none;background:#fff3;color:#fff;border-radius:4px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:capitalize}.search-tab-btn.active{background-color:var(--primary-color)}.search-tab-btn:hover{background-color:#ffffff4d}.search-tab-btn.active:hover{background-color:#b51515}.property-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%}.property-card .property-image:before,.property-card .property-image:after{content:none!important;display:none!important;background:transparent!important}.property-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.property-image{position:relative;height:200px;overflow:hidden}.property-image img{width:100%;height:100%;object-fit:contain;background-color:#f5f5f5;transition:transform .5s ease}.property-image:hover img{transform:scale(1.05)}.property-badge{position:absolute;top:10px;left:10px;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.featured-badge{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.property-price{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:4px;font-weight:700}.property-content{padding:20px}.property-title{font-size:1.2rem;margin-bottom:10px;font-weight:600}.property-location{display:flex;align-items:center;color:var(--gray-color);margin-bottom:15px;font-size:.9rem}.property-features{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.view-property-btn{display:block;width:100%;padding:10px;text-align:center;background:var(--primary-color);color:#fff;border-radius:4px;text-decoration:none;font-weight:600;transition:var(--transition)}.view-property-btn:hover{background-color:#b51515}.view-all-btn{display:inline-flex;align-items:center;padding:10px 20px;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;font-weight:600;text-decoration:none;transition:var(--transition)}.view-all-btn:hover{background:var(--primary-color);color:#fff}.testimonial-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:var(--shadow-md);height:100%}.statistics-bar{padding:0;background-color:#f0f5f9;margin-top:-3px}.statistics-wrapper{background:#fff;border-radius:12px;box-shadow:var(--shadow-md);padding:30px 20px;position:relative;z-index:10}.stat-item{padding:15px 10px;text-align:center;transition:var(--transition);border-radius:8px}.stat-item:hover{transform:translateY(-5px);background-color:#f9f9f9}.stat-icon{margin-bottom:12px;color:var(--primary-color);font-size:32px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--dark-color);margin-bottom:5px}.stat-label{font-size:.9rem;font-weight:500;color:var(--gray-color);margin-bottom:0}@media(max-width:991px){.statistics-wrapper{padding:20px 15px}.stat-value{font-size:1.5rem}}@media(max-width:767px){.stat-item{margin-bottom:15px}}@media(max-width:767px){.section-title{font-size:2rem}.hero-section h1{font-size:2.5rem!important}.property-image{height:180px}}@media(max-width:576px){.section-title{font-size:1.75rem}.hero-section h1{font-size:2rem!important}.py-5{padding-top:2rem;padding-bottom:2rem}}body.open-sidebar header .overlay{background:transparent!important;opacity:0!important;visibility:hidden!important;display:none!important}.fileuploder-main{width:100%;margin-bottom:20px}.fileuploder-errors{margin-bottom:15px;border-radius:4px;background-color:#fff8f8;border:1px solid #ffcdd2;padding:10px}.fileuploder-error{color:#d32f2f;margin-bottom:5px;display:flex;align-items:center}.fileuploder-error:last-child{margin-bottom:0}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#d32f2f;color:#fff;border-radius:50%;margin-right:8px;font-weight:700;font-size:12px}.fileuploder-imgemain{border:2px dashed #ddd;border-radius:6px;padding:15px;margin-bottom:15px;transition:all .3s ease}.fileuploder-imgemain.dragging{border-color:#ed2024;background-color:#ed20240d}.fileuploder-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.fileuploder-label-inner{display:flex;flex-direction:column;align-items:center}.upload-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ed20241a;margin-bottom:10px}.uploder-descrp{font-size:16px;font-weight:600;margin-bottom:5px;color:#333}.uploder-note{font-size:13px;color:#777;margin-bottom:0}.drop-indicator{margin-top:10px;font-weight:600;color:#ed2024}.hidden{display:none}.fileuplodr-list{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.filuploadr-image{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden}.fileclose-icon{position:absolute;top:5px;right:5px;z-index:2;background-color:#00000080;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;color:#fff;padding:0}.fileclose-icon:hover{background-color:#000c}.image-preview{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.fileuplodr-sheet-main{margin-top:15px}.fileuplodr-sheet{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#f9f9f9;border-radius:6px;margin-bottom:10px}.pdffile-descrp{display:flex;align-items:center}.pdficon-img{margin-right:15px}.pdf-file-info{display:flex;flex-direction:column}.pdf-filename{font-weight:600;margin-bottom:2px;color:#333;font-size:14px}.pdf-filesize{font-size:12px;color:#777;margin:0}.remove-pdficon{background:none;border:none;cursor:pointer;padding:5px}.remove-pdficon:hover svg path{stroke:#ed2024}@media(max-width:576px){.filuploadr-image{width:80px;height:80px}.fileuploder-label{padding:15px 10px}.uploder-descrp{font-size:14px}.uploder-note{font-size:12px}}.uploader-demo-container{max-width:800px;margin:30px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.demo-title{color:#333;margin-bottom:20px;font-size:24px;text-align:center;padding-bottom:15px;border-bottom:1px solid #eee}.uploader-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #eee}.tab-btn{padding:10px 20px;margin-right:5px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;transition:all .3s ease;position:relative}.tab-btn:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:3px;background-color:#ed2024;transition:width .3s ease}.tab-btn.active{color:#ed2024;font-weight:600}.tab-btn.active:after{width:100%}.tab-btn:hover{color:#ed2024}.uploader-content{margin-bottom:30px}.uploader-section{padding:15px 0}.uploader-section h3{margin-bottom:10px;color:#333;font-size:18px}.uploader-description{margin-bottom:20px;color:#666;font-size:14px}.uploader-stats{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 15px;background-color:#f9f9f9;border-radius:5px}.uploader-stats p{margin:0;font-size:14px;font-weight:600;color:#333}.clear-btn{background-color:#f44336;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.clear-btn:hover{background-color:#d32f2f}.uploader-info{background-color:#f9f9f9;padding:15px;border-radius:5px;margin-top:20px}.uploader-info h4{margin-top:0;margin-bottom:10px;color:#333;font-size:16px}.uploader-info ul{margin:0;padding-left:20px}.uploader-info li{margin-bottom:5px;color:#555;font-size:14px}@media(max-width:768px){.uploader-demo-container{padding:15px;margin:15px}.demo-title{font-size:20px}.tab-btn{padding:8px 12px;font-size:14px}}@media(max-width:576px){.uploader-tabs{flex-direction:column;border-bottom:none}.tab-btn{margin-bottom:5px;border-radius:4px;text-align:center}.tab-btn:after{display:none}.tab-btn.active{background-color:#ed2024;color:#fff}}.location-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.location-popup-container{width:90%;max-width:500px;max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;animation:popup-appear .3s ease-out}@keyframes popup-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-popup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.location-popup-header h3{margin:0;font-size:1.2rem;color:#333;font-weight:600}.location-popup-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.location-popup-close:hover{background-color:#f5f5f5;color:#333}.location-popup-search{padding:15px 20px;border-bottom:1px solid #eee}.search-input-container{position:relative;margin-bottom:15px}.location-search-input{width:100%;padding:10px 40px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.location-search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0}.clear-search-btn:hover{color:#333}.location-filter-buttons{display:flex;gap:10px}.filter-btn{padding:6px 12px;border:1px solid #ddd;background:#f5f5f5;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#eee}.filter-btn.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.location-popup-content{flex:1;overflow-y:auto;padding:15px 20px}.location-section{margin-bottom:20px}.section-title{font-size:.9rem;color:#666;margin-bottom:10px;font-weight:500}.location-list{display:flex;flex-direction:column;gap:8px}.location-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:4px;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease}.location-item:hover{background-color:#eaf2fd}.location-item.recent{background-color:#f0f7ff;border-left:3px solid #4a90e2}.location-name{font-weight:500;color:#333}.location-type{font-size:.8rem;color:#666;background-color:#eee;padding:2px 8px;border-radius:10px}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:20px;color:#666}.no-results{padding:20px;text-align:center;color:#666}.location-demo-container{max-width:800px;margin:30px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.demo-title{text-align:center;margin-bottom:20px;color:#333}.demo-description{margin-bottom:30px;padding:15px;background-color:#f5f9ff;border-radius:8px;text-align:center}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:768px){.demo-controls{grid-template-columns:1fr}}.control-section{background-color:#f9f9f9;padding:15px;border-radius:8px}.control-section h3{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#333}.control-options{display:flex;flex-direction:column;gap:15px}.control-option{display:flex;flex-direction:column;gap:8px}.control-option label{font-weight:500;color:#555}.option-buttons{display:flex;gap:8px}.option-buttons button{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;flex:1;transition:all .2s ease}.option-buttons button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.option-buttons button.clear-button{background-color:#f5f5f5;color:#e74c3c}.option-buttons button.clear-button:hover{background-color:#fee}.selected-location{background-color:#f9f9f9;padding:15px;border-radius:8px;height:100%}.location-details h3{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#333}.location-data{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #eee}.location-data p{margin:5px 0}.no-selection{display:flex;align-items:center;justify-content:center;height:100px;color:#999;font-style:italic}.demo-action{display:flex;justify-content:center;margin:30px 0}.open-popup-button{padding:12px 24px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.open-popup-button:hover{background-color:#3a7bbf}.demo-instructions{margin:30px 0}.demo-instructions h3{margin-bottom:15px;color:#333}.code-example{background-color:#f5f5f5;padding:15px;border-radius:8px;overflow-x:auto}.code-example pre{margin:0;font-family:monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.component-features{margin:30px 0}.component-features h3{margin-bottom:15px;color:#333}.component-features ul{padding-left:20px}.component-features li{margin-bottom:8px;color:#555}@media(max-width:600px){.location-popup-container{width:95%;max-height:90vh}.demo-controls{display:flex;flex-direction:column}}.mortgage-calculator{font-family:Arial,sans-serif;color:#333;max-width:1200px;margin:0 auto}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}@media(max-width:768px){.calculator-container{grid-template-columns:1fr}}.calculator-title{margin-top:0;margin-bottom:25px;font-size:1.5rem;color:#2c3e50;font-weight:600}.calculator-inputs{border-right:1px solid #eee;padding-right:20px}@media(max-width:768px){.calculator-inputs{border-right:none;padding-right:0;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.input-wrapper{display:flex;gap:10px}.input-wrapper>div{flex:1}.input-with-prefix,.input-with-suffix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:10px;color:#666;font-weight:500;z-index:1}.input-suffix{position:absolute;right:10px;color:#666;font-weight:500;z-index:1}.input-with-prefix input{padding-left:25px}.input-with-suffix input{padding-right:25px}.input-group input[type=number],.input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.input-group input:focus,.input-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.range-slider{width:100%;margin-top:10px;height:5px}.additional-costs{margin-top:30px;padding-top:15px;border-top:1px solid #eee}.section-title{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#2c3e50;font-weight:600}.info-text{margin-top:5px;font-size:.8rem;color:#2c3e50;font-style:italic}.calculator-results{padding-left:20px}@media(max-width:768px){.calculator-results{padding-left:0}}.result-summary{margin-bottom:30px}.total-payment{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px}.payment-breakdown{border:1px solid #eee;border-radius:6px;overflow:hidden}.breakdown-item{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #eee}.breakdown-item:last-child{border-bottom:none}.breakdown-label{font-weight:500;color:#555}.breakdown-value{font-weight:600;color:#2c3e50}.loan-summary{display:flex;gap:15px;margin-top:20px}.summary-item{flex:1;padding:15px;background-color:#f8f9fa;border-radius:6px}.summary-label{font-size:.9rem;color:#666;margin-bottom:5px}.summary-value{font-size:1.2rem;font-weight:600;color:#2c3e50}.amortization-section{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.amortization-toggle{margin-bottom:15px}.toggle-button{background-color:#4a90e2;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem}.toggle-button:hover{background-color:#3a7fc2}.amortization-table-container{margin-top:15px;max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.amortization-table{width:100%;border-collapse:collapse}.amortization-table th,.amortization-table td{padding:10px;text-align:right;border-bottom:1px solid #eee}.amortization-table th{background-color:#f8f9fa;font-weight:600;color:#555;position:sticky;top:0}.amortization-table tr:last-child td{border-bottom:none}.amortization-preview{display:flex;gap:15px;margin-top:15px}.preview-year{flex:1;padding:15px;background-color:#f8f9fa;border-radius:6px;text-align:center}.preview-label{font-size:.9rem;color:#666;margin-bottom:5px}.preview-value{font-size:1.1rem;font-weight:600;color:#2c3e50}.mortgage-calculator-demo{max-width:1200px;margin:30px auto;padding:0 20px}.demo-header{text-align:center;margin-bottom:40px}.demo-title{font-size:2rem;color:#2c3e50;margin-bottom:15px}.demo-description{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.5}.demo-configuration{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:30px}.demo-configuration h2{margin-top:0;margin-bottom:20px;font-size:1.3rem;color:#2c3e50}.config-options{display:flex;flex-wrap:wrap;gap:20px}.config-option{flex:1;min-width:200px}.config-option label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555}.config-option select{margin-top:8px;width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.calculator-container-demo{margin-bottom:40px}.calculation-api-results{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:40px}.calculation-api-results h2{margin-top:0;margin-bottom:15px;font-size:1.3rem;color:#2c3e50}.api-description{margin-bottom:20px;line-height:1.5}.api-description code{background-color:#eee;padding:2px 5px;border-radius:3px;font-family:monospace}.api-code{background-color:#2c3e50;color:#f8f9fa;padding:15px;border-radius:6px;overflow-x:auto}.api-code pre{margin:0;font-family:monospace;line-height:1.5}.usage-examples{margin-bottom:40px}.usage-examples h2{margin-bottom:20px;font-size:1.3rem;color:#2c3e50}.code-example{margin-bottom:30px}.code-example h3{margin-bottom:15px;font-size:1.1rem;color:#2c3e50}.code-example pre{background-color:#f8f9fa;padding:15px;border-radius:6px;overflow-x:auto;border:1px solid #eee;font-family:monospace;line-height:1.5}.component-features h2{margin-bottom:20px;font-size:1.3rem;color:#2c3e50}.component-features ul{padding-left:20px;line-height:1.6}.component-features li{margin-bottom:10px;color:#555}.favorite-main-section{padding:50px 0;background-color:#f8f9fa}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:32px;font-weight:700;margin-bottom:10px;color:var(--dark-color)}.section-title p{font-size:16px;color:var(--secondary-color)}.favorite-empty{text-align:center;padding:80px 20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d}.favorite-empty h2{font-size:24px;font-weight:600;margin-bottom:15px;color:var(--dark-color)}.favorite-empty p{font-size:16px;color:var(--secondary-color);margin-bottom:25px}.favorite-empty .btn{padding:10px 25px;font-weight:500}.property-list{display:flex;flex-wrap:wrap;margin:0 -15px}.property-list ul{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}.property-list li{width:33.333%;padding:0 15px;margin-bottom:30px}.property-card{border-radius:10px;overflow:hidden;transition:transform .3s,box-shadow .3s;height:100%}.property-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.property-card .card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000000d;height:100%;position:relative}.property-img{height:220px;background-size:cover;background-position:center;position:relative}.property-status{position:absolute;top:15px;left:15px;background-color:var(--primary-color);color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.property-time{position:absolute;bottom:15px;left:15px;background-color:#00000080;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;display:flex;align-items:center;margin:0}.property-time em{margin-right:5px;display:flex;align-items:center}.favorite-icon{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;color:#e74c3c;z-index:2;transition:transform .2s,box-shadow .2s}.favorite-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.property-detail{padding:20px}.property-title h3{font-size:22px;font-weight:700;margin-bottom:10px;color:var(--dark-color)}.property-title a{text-decoration:none;color:inherit}.property-area{display:flex;margin-bottom:15px;flex-wrap:wrap}.property-area span{color:var(--secondary-color);font-size:14px;display:flex;align-items:center;margin-right:15px;margin-bottom:5px}.property-area span em{display:inline-block;width:4px;height:4px;background-color:var(--secondary-color);border-radius:50%;margin-right:8px}.property-address{color:var(--secondary-color);font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:992px){.property-list li{width:50%}}@media(max-width:768px){.section-title h2{font-size:28px}.property-list li{width:100%}}.chat-section{padding:40px 0}.chat-main{display:flex;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d;min-height:70vh;overflow:hidden}.chat-left{width:350px;border-right:1px solid #e0e0e0;background-color:#f8f9fa}.chat-users-main{display:flex;flex-direction:column;height:100%}.chat-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.chathead-convrdtl h3{font-size:18px;font-weight:600;margin:0}.active-chats{background-color:#f0f2f5;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.active-chats span{font-size:14px;font-weight:600;color:#333}.chat-wraper{flex:1;display:flex;flex-direction:column;overflow-y:auto}.chat-filter{padding:15px;border-bottom:1px solid #e0e0e0}.ticket-search{width:100%}.inputwth-icon{position:relative}.inputwth-icon input{width:100%;padding:10px 40px 10px 15px;border:1px solid #e0e0e0;border-radius:5px;font-size:14px}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999}.chat-list{flex:1;overflow-y:auto}.chat-list ul{list-style:none;padding:0;margin:0}.chat-user-card{padding:15px;display:flex;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.chat-user-card:hover,.chat-user-card.active{background-color:#f0f7ff}.chat-user-bg{position:relative;margin-right:15px}.chat-user-bg span{width:50px;height:50px;border-radius:50%;background-size:cover;background-position:center;display:block;background-color:#e6e6e6}.chat-user-bg em{position:absolute;width:12px;height:12px;border-radius:50%;bottom:2px;right:2px;border:2px solid #fff}.chat-user-bg em.online{background-color:#44b700}.chat-user-bg em.offline{background-color:#ccc}.chat-user-detail{flex:1;overflow:hidden}.chat-user-detail h3{font-size:16px;font-weight:600;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-detail p{font-size:14px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message-time{font-size:12px;color:#888;margin-top:5px;display:block}.chat-right{flex:1;display:flex;flex-direction:column}.chat-detail{display:flex;flex-direction:column;height:100%}.chathead-userdtl{display:flex;align-items:center}.chathead-usrbg{margin-right:15px}.chathead-usrbg span{width:45px;height:45px;border-radius:50%;background-size:cover;background-position:center;display:block;background-color:#e6e6e6}.chathead-userdescrp h3{font-size:17px;font-weight:600;margin:0 0 3px}.chathead-userdescrp p{font-size:13px;color:#666;margin:0}.msginbox-sec{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:20px}.msginbox-sec ul{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.msginbox-tp-heading{text-align:center;margin-bottom:20px}.msginbox-tp-heading h5{font-size:13px;color:#888;margin:0;background:#f9f9f9;display:inline-block;padding:5px 15px;border-radius:15px}.msg-sender,.msg-reciver{display:flex;flex-direction:column;margin-bottom:15px;max-width:70%}.msg-sender{align-self:flex-end;align-items:flex-end;margin-left:auto}.msg-reciver{align-self:flex-start;align-items:flex-start;margin-right:auto}.msg-sender .card{background-color:#e7f3ff;border-radius:15px 15px 0}.msg-reciver .card{background-color:#f1f1f1;border-radius:15px 15px 15px 0}.msg-descrp{padding:10px 15px}.msg-descrp p{margin:0;font-size:14px;line-height:1.5;word-break:break-word}.msgdate{margin-top:5px}.msgdate p{font-size:11px;color:#888;margin:0}.chat-footer{margin-top:20px;border-top:1px solid #f0f0f0;padding-top:20px}.chat-footer-action{display:flex;justify-content:space-around}.chatftr-main{display:flex;align-items:center}.chat-typinput{flex:1;position:relative}.chat-typinput input{width:100%;padding:12px 40px 12px 15px;border:1px solid #e0e0e0;border-radius:25px;font-size:14px}.attachment-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#888;cursor:pointer}.moremenu-chtbtn{margin-left:15px}.btnwth-icon{display:flex;align-items:center}.btnwth-icon span{margin-left:5px}.no-conversation-selected,.no-messages,.loading-messages,.loading-message,.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px;text-align:center;color:#888}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#555}.empty-state p{font-size:14px;margin:0}.otp-fallback{display:flex;justify-content:center;margin:20px 0}.otp-fallback-input{width:100%;max-width:240px;text-align:center;letter-spacing:8px;font-size:20px;padding:10px;border:1px solid #ddd;border-radius:5px}@media(max-width:991px){.chat-main{flex-direction:column;height:auto}.chat-left{width:100%;border-right:none;border-bottom:1px solid #e0e0e0}.msginbox-sec{height:400px}}@media(max-width:576px){.chat-user-bg span{width:40px;height:40px}.msg-sender,.msg-reciver{max-width:85%}}.notification-main{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eaeaea;background-color:#f8f9fa}.notification-title{font-size:1.2rem;font-weight:600;color:#333;margin:0}.mark-all-read-button{background-color:transparent;color:#4a90e2;border:1px solid #4a90e2;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.mark-all-read-button:hover{background-color:#4a90e2;color:#fff}.mark-all-read-button:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.notification-filters{display:flex;overflow-x:auto;padding:12px 20px;border-bottom:1px solid #eaeaea;gap:8px}.filter-button{background-color:transparent;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:.9rem;color:#666;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-button:hover{background-color:#f5f5f5}.filter-button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.notification-list-container{max-height:600px;overflow-y:auto;padding:0}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;padding:16px 20px;border-bottom:1px solid #eaeaea;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:#f5f7fa}.notification-item.unread{background-color:#edf2f9}.notification-item.unread:hover{background-color:#e3eaf4}.notification-icon-container{margin-right:16px;position:relative;flex-shrink:0}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666}.message-icon{color:#4a90e2}.property-icon{color:#56b68b}.offer-icon{color:#f0ad4e}.system-icon{color:#dc3545}.unread-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;border:2px solid white}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.notification-title{font-size:1rem;font-weight:600;margin:0;color:#333}.notification-time{font-size:.8rem;color:#999;white-space:nowrap;margin-left:8px}.notification-sender{display:flex;align-items:center;margin-bottom:8px}.sender-avatar,.sender-avatar-placeholder{width:24px;height:24px;border-radius:50%;margin-right:8px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6c757d;font-size:.8rem}.sender-name{font-size:.9rem;color:#555}.notification-message{font-size:.9rem;color:#666;margin:0;line-height:1.4}.loading-indicator,.empty-state,.end-of-list{padding:20px;text-align:center;color:#999}.spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4a90e2;animation:spin 1s ease-in-out infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.notification-main{border-radius:0;box-shadow:none;max-width:100%}.notification-header{padding:12px 16px}.notification-filters{padding:10px 16px}.notification-item{padding:12px 16px}}.notification-main{--primary-color: #2C62F6;--secondary-color: #FF9900;--success-color: #56b68b;--danger-color: #dc3545;--warning-color: #f0ad4e;--info-color: #4a90e2;--light-color: #f8f9fa;--dark-color: #333}.mark-all-read-button,.filter-button.active{background-color:var(--primary-color);border-color:var(--primary-color)}.mark-all-read-button{color:var(--primary-color)}.mark-all-read-button:hover{background-color:var(--primary-color);color:#fff}.unread-indicator{background-color:var(--danger-color)}.spinner{border-top-color:var(--primary-color)}@media(min-width:0px){.desktop-view{display:none!important}.mobile-listings-view{display:block!important}.listings-header{display:none}.filters-scroll{display:flex;overflow-x:auto;gap:1rem;padding:.5rem;background:#f8f8f8;border-bottom:1px solid #ddd;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.filter-btn{white-space:nowrap;padding:.5rem 1rem;border:none;background:#fff;border-radius:20px;font-weight:700;flex:0 0 auto}.filter-btn.active{background:#34a853;color:#fff}.list-btn{position:fixed;bottom:20px;right:20px;background:#7ac943;color:#fff;font-weight:700;padding:.8rem 1.2rem;border-radius:25px;box-shadow:0 2px 6px #0003;text-decoration:none;z-index:100}.mobile-listings-view{padding:0 10px;margin-bottom:70px}.listing-card{display:block;background:#fff;margin-bottom:1rem;border-radius:8px;box-shadow:0 0 10px #0000000d;padding:1rem;overflow:hidden}.thumbnail{width:100%!important;height:200px!important;border-radius:6px;object-fit:cover!important;object-position:center!important;background-color:#f5f5f5;display:block!important;margin-bottom:.5rem;transform:scale(1.15)!important}.property-card .property-image img{width:100%!important;height:200px!important;object-fit:cover!important;object-position:center!important;display:block!important;transform:scale(1.15)!important}.property-card .property-image{height:200px!important;overflow:hidden!important}.property-card img[alt*=Owner],.property-card img[alt*=owner],.property-card img[alt*=Agent],.property-card img[alt*=agent],.property-card img[style*="borderRadius: '50%'"],.property-card img[style*="borderRadius:'50%'"],.property-card div[style*="borderRadius: '50%'"],.property-card div[style*="borderRadius:'50%'"],.property-card div[style*="width: '40px'"],.property-card div[style*="width:'40px'"],.property-card div[style*="backgroundColor: '#4a5568'"],.property-card div[style*="backgroundColor:'#4a5568'"]{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;transform:none!important;flex-shrink:0!important}.property-card>div>div:last-child>div,.property-card [style*="paddingTop: '10px'"],.property-card [style*="paddingTop:'10px'"]{display:flex!important;align-items:center!important}.property-card [style*="paddingTop: '10px'"]>div:first-child,.property-card [style*="paddingTop:'10px'"]>div:first-child{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-shrink:0!important}.property-thumbnail-placeholder{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background-color:#e8f4f8;border-radius:6px;margin-bottom:.5rem}.property-thumbnail-emoji{font-size:48px;color:#4a6cf7}.property-details{padding-top:.5rem}.property-details h4{margin-top:0;margin-bottom:.5rem;font-size:16px;color:#333}.property-details p{margin:.3rem 0;font-size:14px;color:#666}.status-active{background-color:#e9fdf2;color:#34a853;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.status-sold{background-color:#f2f2f2;color:#666;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.status-pending{background-color:#fff8e1;color:#ffa000;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.status-rejected{background-color:#ffebee;color:#d32f2f;font-weight:700;padding:.2rem .5rem;border-radius:4px;display:inline-block}.property-actions{display:flex;padding-top:1rem;gap:.5rem;border-top:1px solid #eee;margin-top:.5rem}.action-btn{flex:1;padding:.5rem;text-align:center;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.edit-btn{background:#e3f2fd;color:#1976d2}.view-btn{background:#f5f5f5;color:#424242}.delete-btn{background:#ffebee;color:#d32f2f}}.admin-layout{display:flex;min-height:calc(100vh - 80px);background-color:#f8f9fa}.admin-sidebar{width:250px;background-color:#fff;color:#333;padding:20px 0;height:100%;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.admin-sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px}.admin-sidebar-header h2{margin:0;font-size:24px;font-weight:600}.admin-sidebar-header p{margin:5px 0 0;font-size:14px;color:#666}.admin-user-info{display:flex;align-items:center;padding:0 20px 20px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#4a6cf7;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px;color:#fff}.admin-user-details h4{margin:0;font-size:14px}.admin-user-details p{margin:5px 0 0;font-size:12px;color:#666}.admin-nav ul{list-style:none;padding:0;margin:0}.admin-nav li{margin-bottom:5px}.admin-nav a,.admin-nav button{display:flex;align-items:center;padding:12px 20px;color:#555;text-decoration:none;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:14px;border-radius:4px;margin:0 8px;width:calc(100% - 16px)}.admin-nav a:hover,.admin-nav a.active,.admin-nav button:hover{background-color:#f0f4ff;color:#4a6cf7}.admin-nav-icon{margin-right:10px;width:20px;text-align:center}.back-to-site{margin-top:20px;color:#777!important}.admin-logout-btn{margin-top:10px;color:#777!important}.admin-logout-btn:hover{color:#dc3545!important;background-color:#fff1f1!important}.admin-content{flex:1;padding:30px;overflow-y:auto}.admin-content-inner{max-width:1200px;margin:0 auto}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4a6cf7;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dashboard,.admin-dashboard-header{margin-bottom:30px}.admin-dashboard-header h1{margin:0 0 10px;font-size:28px;font-weight:600}.admin-dashboard-header p{margin:0;color:#6c757d}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.admin-stat-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.admin-stat-card h3{margin:0 0 5px;font-size:14px;color:#6c757d;font-weight:500}.admin-stat-card .stat-value{font-size:28px;font-weight:600;margin:0 0 10px}.admin-stat-card .stat-change{display:flex;align-items:center;font-size:12px}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.admin-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-card-header h2{margin:0;font-size:18px;font-weight:600}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}.admin-table th{font-weight:600;color:#495057;background-color:#f8f9fa}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#f8f9fa}.admin-table .status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.admin-table .status.published{background-color:#d4edda;color:#155724}.admin-table .status.pending{background-color:#fff3cd;color:#856404}.admin-table .status.draft{background-color:#e2e3e5;color:#383d41}.admin-table .actions{display:flex;gap:10px}.admin-table .actions button{background:none;border:none;cursor:pointer;font-size:14px;padding:5px;border-radius:4px;transition:background-color .3s}.admin-table .actions button:hover{background-color:#e9ecef}.admin-table .actions .edit{color:#4a6cf7}.admin-table .actions .delete{color:#dc3545}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;margin-bottom:8px;font-weight:500}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.admin-form-group textarea{min-height:100px;resize:vertical}.admin-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.admin-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.admin-btn-primary{background-color:#4a6cf7;color:#fff}.admin-btn-primary:hover{background-color:#3a5bd9}.admin-btn-secondary{background-color:#6c757d;color:#fff}.admin-btn-secondary:hover{background-color:#5a6268}.admin-btn-danger{background-color:#dc3545;color:#fff}.admin-btn-danger:hover{background-color:#c82333}.admin-filters{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.admin-search-form{flex:1;min-width:250px}.admin-search-form form{display:flex;gap:10px}.admin-search-form input{flex:1;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.admin-filter-select{display:flex;gap:10px;flex-wrap:wrap}.admin-filter-select select{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;min-width:150px}.admin-filter-select .location-filter{margin-left:5px}.admin-pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.admin-page-info{font-size:14px;color:#6c757d}.admin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e9ecef}.admin-modal-header h2{margin:0;font-size:18px;font-weight:600}.admin-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d}.admin-modal-body{padding:20px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e9ecef}.status.admin{background-color:#cce5ff;color:#004085}.status.agent{background-color:#d1ecf1;color:#0c5460}.status.user{background-color:#d6d8db;color:#383d41}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;position:static}.admin-stats-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.admin-filters{flex-direction:column}}