.app-header{position:sticky;top:0;z-index:900;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 14px #004cb614;border-bottom:1px solid rgba(0,76,182,.12)}.header-container{max-width:1536px;margin:0 auto;padding:6px 16px 6px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.header-left-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-brand{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo-img{height:56px;width:auto;object-fit:contain;transition:transform var(--transition-fast)}.brand-logo-img:hover{transform:scale(1.03)}.location-selector-wrapper{display:flex;align-items:center;gap:2px;background:var(--bg-primary);border:1px solid rgba(0,76,182,.18);border-radius:var(--border-radius-full);padding:2px 10px;transition:all var(--transition-fast)}.location-selector-wrapper:hover{border-color:var(--primary);background:#fff}.location-pin-icon{font-size:.85rem}.location-select-dropdown{background:transparent;border:none;outline:none;font-size:.82rem;font-weight:700;color:var(--text-primary);cursor:pointer}.standalone-home-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid rgba(0,76,182,.22);color:var(--text-primary);padding:6px 16px;border-radius:var(--border-radius-full);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin-left:6px;box-shadow:0 2px 6px #0000000a}.standalone-home-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 10px #004cb626}.standalone-home-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #004cb64d}.home-btn-icon{display:flex;align-items:center;justify-content:center}.home-btn-label{font-weight:700}.header-middle-group{display:none;align-items:center;justify-content:center;flex:1}@media(min-width:768px){.header-middle-group{display:flex}}.category-pills-wrapper{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 8px;border-radius:var(--border-radius-full);border:1.5px solid rgba(0,76,182,.14);box-shadow:0 2px 8px #0000000a}.category-pill-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--border-radius-full);font-size:.85rem;font-weight:700;background:#f8fafc;color:#334155;border:1.5px solid #cbd5e1;transition:all var(--transition-bounce);cursor:pointer;-webkit-user-select:none;user-select:none}.category-pill-btn:hover{background:#eff6ff;border-color:#004cb6;color:#004cb6;transform:translateY(-1px)}.category-pill-btn.active{background:#004cb6!important;color:#fff!important;border-color:#004cb6!important;font-weight:800;box-shadow:0 4px 14px #004cb64d;transform:scale(1.04)}.pill-icon{font-size:.95rem}.pill-label{font-weight:800;font-size:.82rem}.header-right-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-half-search-form{display:none;align-items:center;background:#fff;border:1.5px solid rgba(0,76,182,.18);border-radius:var(--border-radius-full);padding:2px 4px 2px 8px;box-shadow:0 2px 6px #004cb60a;transition:all var(--transition-fast);height:36px;width:180px}@media(min-width:640px){.header-half-search-form{display:flex}}.header-half-search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);width:220px}.compact-search-icon{font-size:.85rem;margin-right:4px;color:var(--text-muted)}.header-compact-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.8rem;color:var(--text-primary);min-width:60px}.header-compact-search-input::placeholder{color:var(--text-muted)}.header-compact-search-btn{background:#fbb801;color:#0f172a;font-weight:800;font-size:.75rem;padding:3px 10px;border-radius:var(--border-radius-full);transition:background var(--transition-fast)}.header-compact-search-btn:hover{background:#e5a700}.header-circular-icon-btn{width:38px;height:38px;border-radius:50%;background:#f1f5f9;border:1px solid rgba(0,76,182,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.15rem;transition:all var(--transition-fast);padding:0;box-shadow:0 2px 6px #004cb60d}.header-circular-icon-btn:hover,.header-circular-icon-btn.active{border-color:var(--primary);background:#fff;color:var(--primary);box-shadow:0 4px 12px #004cb624;transform:scale(1.05)}.post-room-pill-btn{background:var(--secondary);color:#0f172a;font-weight:800;font-size:.8rem;padding:6px 14px;height:36px;border-radius:var(--border-radius-full);box-shadow:0 3px 10px var(--secondary-glow);transition:transform var(--transition-fast)}.post-room-pill-btn:hover{transform:translateY(-1px);background:var(--secondary-hover)}.profile-icon-dropdown-container{position:relative}.profile-circular-icon-btn{width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid rgba(0,76,182,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);padding:0;box-shadow:0 2px 8px #004cb614}.profile-circular-icon-btn.is-authenticated{background:var(--primary);border-color:var(--primary);color:#fff}.profile-circular-icon-btn:hover{border-color:var(--primary);box-shadow:0 4px 14px #004cb62e;transform:scale(1.05)}.user-initial-badge{font-weight:800;font-size:1rem;color:#fff;line-height:1}.logged-out-profile-symbol{font-size:1.25rem;line-height:1}.header-profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border:1px solid rgba(0,76,182,.15);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:12px;display:flex;flex-direction:column;gap:4px;z-index:1000;animation:dropdown-fade-in .2s ease}.dash-menu-dropdown-container{position:relative}.header-dash-menu-btn{display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid rgba(0,76,182,.22);border-radius:50%;width:38px;height:38px;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a;font-weight:800;box-shadow:0 2px 8px #004cb614;transition:all var(--transition-fast)}.header-dash-menu-btn:hover,.header-dash-menu-btn.active{border-color:#004cb6;background:#eff6ff;color:#004cb6;box-shadow:0 4px 14px #004cb62e;transform:scale(1.05)}.dash-three-lines{font-size:1.15rem;line-height:1}.down-arrow-icon{font-size:.85rem;line-height:1}.header-dash-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#fff;border:1px solid rgba(0,76,182,.15);border-radius:var(--border-radius-md);box-shadow:0 10px 30px #0000001f;padding:12px;display:flex;flex-direction:column;gap:6px;z-index:1000;animation:dropdown-fade-in .2s ease}.dash-menu-header-bar{padding:4px 6px 8px;border-bottom:1px solid #f1f5f9;margin-bottom:2px}.dash-menu-title{font-size:.8rem;font-weight:800;color:#004cb6;text-transform:uppercase;letter-spacing:.05em}.item-icon{font-size:1rem;margin-right:6px}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-header,.dropdown-auth-header{padding:4px 6px}.dropdown-welcome-title,.dropdown-user-name{font-size:.92rem;font-weight:800;color:var(--text-primary)}.dropdown-welcome-sub,.dropdown-user-email{font-size:.78rem;color:var(--text-muted)}.dropdown-user-role{display:inline-block;margin-top:4px;font-size:.72rem;font-weight:700;color:var(--primary);background:#004cb614;padding:2px 6px;border-radius:4px}.dropdown-divider{height:1px;background:#004cb614;margin:6px 0}.dropdown-item{width:100%;text-align:left;background:transparent;padding:8px 10px;border-radius:var(--border-radius-sm);font-size:.88rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center}.dropdown-item:hover{background:#eff6ff;color:#004cb6;font-weight:700}.dropdown-auth-btn{width:100%;padding:10px;border-radius:var(--border-radius-sm);font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform var(--transition-fast);margin-bottom:4px}.login-dropdown-btn{background:#fbb801;color:#0f172a;font-weight:800;box-shadow:0 2px 8px #fbb80166}.login-dropdown-btn:hover{background:#e5a700}.signup-dropdown-btn{background:var(--secondary);color:#0f172a;box-shadow:0 2px 8px var(--secondary-glow)}.signup-dropdown-btn:hover{background:var(--secondary-hover)}.logout-item{color:var(--accent-rose)}.logout-item:hover{background:#f43f5e14;color:var(--accent-rose)}.app-footer{background:var(--bg-surface);border-top:1px solid rgba(0,76,182,.12);margin-top:auto;color:var(--text-primary)}.footer-container{max-width:1280px;margin:0 auto;padding:48px 24px 32px;display:grid;grid-template-columns:1fr;gap:36px}@media(min-width:640px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-container{grid-template-columns:2fr 1fr 1fr 1.2fr}}.footer-brand-section{display:flex;flex-direction:column;gap:14px}.footer-logo-box{cursor:pointer;align-self:flex-start}.footer-logo-img{height:60px;width:auto;object-fit:contain}.footer-tagline{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:380px}.footer-contact-highlight{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.contact-badge{font-size:.82rem;font-weight:600;background:#004cb60f;color:var(--primary);padding:6px 12px;border-radius:var(--border-radius-full);border:1px solid rgba(0,76,182,.15)}.footer-links-group{display:flex;flex-direction:column;gap:14px}.footer-links-title{font-size:1rem;font-weight:800;color:var(--text-primary);position:relative;padding-bottom:8px}.footer-links-title:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:3px;background:var(--primary);border-radius:var(--border-radius-full)}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-list button{background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:all var(--transition-fast);text-align:left;padding:0}.footer-links-list button:hover{color:var(--primary);transform:translate(3px)}.highlight-contact-btn{background:var(--secondary)!important;color:#0f172a!important;font-weight:800!important;font-size:.88rem!important;padding:8px 16px!important;border-radius:var(--border-radius-full)!important;display:inline-block;box-shadow:0 3px 10px var(--secondary-glow);transition:transform var(--transition-fast)!important}.highlight-contact-btn:hover{transform:translateY(-2px)!important;background:var(--secondary-hover)!important}.support-info-item{font-size:.82rem;color:var(--text-muted)}.footer-bottom-bar{background:#f1f5f9;border-top:1px solid rgba(0,76,182,.08);padding:16px 24px}.footer-bottom-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px}@media(min-width:768px){.footer-bottom-container{flex-direction:row}}.copyright-text{font-size:.82rem;color:var(--text-muted)}.legal-links{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted)}.legal-item{cursor:pointer;transition:color var(--transition-fast)}.legal-item:hover{color:var(--primary)}.legal-divider{color:#cbd5e1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;display:flex;justify-content:space-around;align-items:center;z-index:1000;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:none;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bg-glass-border);box-shadow:0 -4px 20px #004cb614}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast);padding:6px 12px;border-radius:var(--border-radius-sm)}.bottom-nav-item:hover{color:var(--text-primary)}.bottom-nav-item.active{color:var(--primary);transform:translateY(-2px);font-weight:700}.bottom-nav-icon{font-size:1.25rem;line-height:1;margin-bottom:2px}.bottom-nav-label{font-size:.72rem;font-weight:600}@media(min-width:768px){.bottom-nav{display:none}}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;position:relative;overflow:hidden}.splash-background-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);z-index:1;pointer-events:none}.splash-content{max-width:800px;width:100%;padding:48px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.splash-badge{background:#004cb61a;border:1px solid var(--primary);color:var(--primary);font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:var(--border-radius-full);margin-bottom:20px}.splash-hero-title{font-size:2.8rem;font-weight:800;margin-bottom:16px;line-height:1.15}.splash-hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:640px;margin-bottom:32px}.splash-action-row{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}.splash-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#003682 100%);color:#fff;font-weight:700;font-size:1.05rem;padding:14px 32px;border-radius:var(--border-radius-full);box-shadow:0 6px 20px var(--primary-glow);transition:transform var(--transition-bounce)}.splash-btn-primary:hover{transform:translateY(-3px)}.splash-btn-secondary{background:var(--bg-surface);border:1px solid var(--bg-glass-border);color:var(--text-primary);font-weight:600;font-size:1.05rem;padding:14px 28px;border-radius:var(--border-radius-full)}.splash-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%}.splash-feature-item{background:var(--bg-surface);padding:20px;border-radius:var(--border-radius-md);border:1px solid var(--bg-glass-border);display:flex;flex-direction:column;align-items:center}.feature-emoji{font-size:2rem;margin-bottom:10px}.splash-feature-item h4{font-size:1.05rem;margin-bottom:6px}.splash-feature-item p{font-size:.82rem;color:var(--text-muted)}.input-field-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:.88rem;font-weight:600;color:#334155}.required-star{color:#ef4444;font-weight:700;margin-left:2px}.input-container{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;padding:0 14px;transition:all .2s ease}.input-container:focus-within{border-color:#004cb6;background:#fff;box-shadow:0 0 0 3px #004cb626}.input-container.has-error{border-color:#ef4444;background:#fef2f2}.input-icon{font-size:1.1rem;margin-right:10px;color:#64748b;display:flex;align-items:center;justify-content:center}.input-control{width:100%;height:44px;background:transparent;border:none;outline:none;color:#0f172a;font-size:.95rem;font-weight:500}.input-control::placeholder{color:#94a3b8;font-weight:400}.input-error-message{font-size:.8rem;color:#ef4444;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;border-radius:var(--border-radius-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-md{padding:10px 20px;font-size:.95rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.btn-primary{background:#fbb801;color:#0f172a;font-weight:800;box-shadow:0 4px 14px #fbb80166}.btn-primary:hover:not(:disabled){background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 20px #fbb80180}.btn-secondary{background:#fbb801;color:#0f172a;font-weight:800;box-shadow:0 4px 14px var(--secondary-glow)}.btn-secondary:hover:not(:disabled){background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 20px var(--secondary-glow)}.btn-outline{background:transparent;border:2px solid #FBB801;color:#0f172a;font-weight:800}.btn-outline:hover:not(:disabled){background:#fbb80126;border-color:#e5a700}.btn-danger{background:linear-gradient(135deg,var(--accent-rose) 0%,#be123c 100%);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.login-card{max-width:440px;width:100%;padding:36px 32px;display:flex;flex-direction:column;gap:20px;margin:0 auto;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:16px!important;box-shadow:0 10px 30px #0f172a14!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.login-title{font-size:1.85rem;font-weight:800;text-align:center;color:#0f172a;letter-spacing:-.5px;margin-bottom:2px}.login-subtitle{color:#64748b;font-size:.92rem;text-align:center;margin-top:-10px;margin-bottom:6px}.form-error-banner{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:.88rem;font-weight:600;text-align:center}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.92rem;color:#64748b;margin-top:8px}.signup-link{color:#004cb6;font-weight:700;background:none;border:none;cursor:pointer;padding:0;font-size:.92rem}.signup-link:hover{text-decoration:underline;color:#003888}@media(max-width:440px){.login-card{padding:24px 20px}}.login-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:32px 16px}.signup-card-container{width:100%;display:flex;justify-content:center;align-items:center}.signup-form-card{max-width:480px;width:100%;padding:24px 30px;display:flex;flex-direction:column;gap:12px;margin:0 auto;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:18px!important;box-shadow:0 15px 35px -10px #0f172a1a,0 4px 12px #0f172a0a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-sizing:border-box}.signup-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2px}.brand-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#004cb614;color:#004cb6;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:6px;letter-spacing:.2px}.signup-title{font-size:1.55rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin:0 0 2px}.signup-subtitle{color:#64748b;font-size:.85rem;line-height:1.3;margin:0}.role-selector{display:flex;flex-direction:column;gap:4px}.role-label{font-size:.82rem;font-weight:700;color:#334155}.role-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1f5f9;padding:4px;border-radius:12px;border:1.5px solid #cbd5e1}.role-option{padding:8px 10px;font-size:.82rem;font-weight:600;color:#475569;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.role-option:hover{color:#0f172a;background:#ffffffb3}.role-option.active{background:#004cb6;color:#fff;font-weight:700;box-shadow:0 3px 10px #004cb640}.signup-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.signup-form-card .input-field-wrapper{gap:3px}.signup-form-card .input-label{font-size:.82rem}.signup-form-card .input-container{height:40px;padding:0 12px;border-radius:8px}.signup-form-card .input-control{height:40px;font-size:.9rem}.phone-input-container{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;overflow:hidden;transition:all .2s ease;height:40px}.phone-input-container:focus-within{border-color:#004cb6;background:#fff;box-shadow:0 0 0 3px #004cb626}.country-prefix{display:flex;align-items:center;gap:5px;padding:0 10px;height:100%;background:#e2e8f0;border-right:1.5px solid #cbd5e1;font-weight:700;color:#1e293b;font-size:.85rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.prefix-code{font-family:monospace}.phone-control{width:100%;height:100%;border:none;background:transparent;outline:none;padding:0 12px;color:#0f172a;font-size:.9rem;font-weight:600;font-family:monospace;letter-spacing:.5px}.phone-control::placeholder{color:#94a3b8;font-weight:400;font-family:sans-serif;letter-spacing:normal}.form-error-banner{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center}.signup-submit-btn{background:#fbb801!important;color:#0f172a!important;font-size:.98rem!important;font-weight:800!important;height:44px!important;border-radius:10px!important;box-shadow:0 4px 14px #fbb80166!important;border:none!important;margin-top:4px}.signup-submit-btn:hover:not(:disabled){background:#e5a700!important;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180!important}.signup-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.88rem;color:#64748b;margin-top:2px}.login-link{color:#004cb6;font-weight:700;background:none;border:none;cursor:pointer;padding:0;font-size:.88rem}.login-link:hover{text-decoration:underline;color:#003888}@media(max-height:700px){.signup-form-card{padding:16px 24px;gap:8px}.signup-header{margin-bottom:0}.brand-pill{margin-bottom:4px;padding:2px 8px;font-size:.72rem}.signup-title{font-size:1.35rem}.signup-subtitle{font-size:.8rem}}.signup-page{height:calc(100vh - 75px);min-height:500px;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#edf2f7);overflow:hidden;box-sizing:border-box}.property-card{cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal);background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-md);position:relative}.property-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #004cb62e;border-color:var(--primary)}.card-image-wrapper{position:relative;aspect-ratio:16/7;width:100%;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.property-card:hover .card-image{transform:scale(1.05)}.wishlist-heart-btn{position:absolute;top:5px;right:5px;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;width:24px;height:24px;border-radius:50%;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .2s ease,background .2s ease;box-shadow:0 2px 5px #0000001f}.wishlist-heart-btn:hover{transform:scale(1.15);background:#fff}.card-badges-top-left{position:absolute;top:5px;left:5px;display:flex;flex-direction:column;gap:2px;z-index:5}.badge-chip{font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:3px;color:#fff;box-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.brokerage-chip{background:#16a34a}.verified-chip{background:#004cb6}.deposit-chip{background:#d97706}.price-tag{position:absolute;bottom:5px;left:5px;background:var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2px 7px;border-radius:var(--border-radius-full);font-weight:800;font-size:.78rem;color:#fff;box-shadow:0 2px 6px #004cb64d}.price-unit{font-size:.64rem;color:#e0f2fe;font-weight:500}.card-content{padding:8px 10px;display:flex;flex-direction:column;gap:3px;flex:1}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.card-title{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.property-type-pill{font-size:.6rem;font-weight:700;background:#004cb61a;color:var(--primary);padding:1px 5px;border-radius:var(--border-radius-full);text-transform:capitalize;white-space:nowrap}.card-location{font-size:.74rem;color:var(--text-secondary)}.card-specs{display:flex;gap:6px;font-size:.72rem;font-weight:500;color:var(--text-muted)}.card-amenities-row{display:flex;gap:3px;flex-wrap:wrap;margin-top:1px}.mini-amenity-tag{font-size:.62rem;background:#f1f5f9;color:var(--text-secondary);padding:1px 4px;border-radius:3px;font-weight:600}.card-footer{margin-top:auto;padding-top:6px;border-top:1px solid rgba(0,76,182,.08);display:flex;justify-content:flex-end}.schedule-visit-cta{width:100%;background:#fbb801;color:#0f172a;border:1px solid #FBB801;padding:4px 8px;border-radius:4px;font-weight:800;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 2px 4px #fbb80140}.schedule-visit-cta:hover{background:#e5a700;color:#0f172a;border-color:#e5a700;box-shadow:0 4px 12px #fbb80173}.properties-grid.list-mode{grid-template-columns:1fr!important}.property-card.list-view-mode{display:flex;flex-direction:row;align-items:stretch;gap:20px;padding:18px}@media(max-width:768px){.property-card.list-view-mode{flex-direction:column}}.property-card.list-view-mode .card-image-wrapper{width:260px;min-width:220px;aspect-ratio:16/11;border-radius:var(--border-radius-sm);flex-shrink:0}.property-card.list-view-mode .card-content{flex:1;padding:0}.card-extra-details-list{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:8px;border-top:1.5px dashed #e2e8f0}.extra-meta-row{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:#475569}.extra-description-snippet{font-size:.85rem;color:#64748b;line-height:1.45;margin:0}.list-view-action-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;padding-left:20px;border-left:1.5px solid #f1f5f9;min-width:180px;flex-shrink:0}@media(max-width:768px){.list-view-action-box{padding-left:0;border-left:none;align-items:stretch;border-top:1.5px solid #f1f5f9;padding-top:14px}}.list-price-display{display:flex;flex-direction:column;align-items:flex-end}.list-price-amount{font-size:1.6rem;font-weight:900;color:#004cb6;line-height:1.1}.list-price-sub{font-size:.78rem;color:#64748b;font-weight:600}.roommate-card,.flatmate-card{background:var(--bg-surface, #ffffff);border:1px solid rgba(0,76,182,.12);border-radius:16px;box-shadow:0 4px 18px #004cb60d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative}.roommate-card:hover,.flatmate-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #004cb61f;border-color:#004cb6}.roommate-card.grid-view-card,.flatmate-card.grid-view-card{padding:20px;display:flex;flex-direction:column;gap:14px;height:100%;box-sizing:border-box}.card-header-row,.flatmate-card-header{display:flex;align-items:flex-start;gap:14px;width:100%}.roommate-avatar-wrapper,.flatmate-avatar-wrapper{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:50%}.roommate-avatar-img,.flatmate-avatar-img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;border:2.5px solid #004CB6;box-shadow:0 3px 10px #004cb626;display:block}.online-status-dot{position:absolute;bottom:1px;right:1px;width:14px;height:14px;border-radius:50%;border:2.5px solid #ffffff;z-index:2}.online-status-dot.online{background:#16a34a;box-shadow:0 0 6px #16a34acc}.online-status-dot.offline{background:#94a3b8}.header-meta,.flatmate-main-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.name-score-line,.flatmate-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.roommate-name-age,.flatmate-name-age{font-size:1.08rem;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.25}.match-score-badge{font-size:.72rem;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;padding:3px 9px;border-radius:20px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.occupation-line,.flatmate-occupation{font-size:.86rem;color:#334155;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-line{font-size:.78rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-line span{font-weight:600;color:#475569}.phone-verified-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 8px;border-radius:4px;margin-top:3px;width:fit-content}.locality-budget-slot{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.locality-subslot{display:flex;align-items:flex-start;gap:6px;font-size:.84rem;color:#475569;line-height:1.35}.subslot-icon{font-size:.95rem;flex-shrink:0;margin-top:1px}.subslot-text strong{color:#0f172a;font-weight:700}.budget-subslot{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed #cbd5e1}.budget-text{font-size:1.18rem;font-weight:900;color:#004cb6;letter-spacing:-.3px}.budget-text small{font-size:.75rem;color:#64748b;font-weight:600;margin-left:2px}.movein-text{font-size:.78rem;font-weight:700;color:#334155;background:#e2e8f0;padding:3px 8px;border-radius:6px;white-space:nowrap}.card-bio-box{background:#eff6ff;border-left:3.5px solid #004CB6;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.85rem;color:#334155;font-style:italic;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.bio-text{margin:0}.card-tags-slot,.flatmate-tags-grid{display:flex;flex-wrap:wrap;gap:6px;min-height:56px;align-content:flex-start}.tag-pill,.flatmate-tag-pill{font-size:.76rem;font-weight:600;background:#f1f5f9;color:#334155;padding:4px 10px;border-radius:6px;border:1px solid #e2e8f0;white-space:nowrap}.card-footer-actions,.flatmate-card-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #f1f5f9}.action-btn{flex:1;padding:9px 14px;border-radius:8px;font-weight:800;font-size:.84rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.chat-btn,.flatmate-chat-btn{background:#fbb801;color:#0f172a;border:none;box-shadow:0 3px 10px #fbb80159}.chat-btn:hover,.flatmate-chat-btn:hover{background:#e5a700;transform:translateY(-1px)}.connect-btn,.flatmate-request-btn{background:#fff;color:#004cb6;border:1.5px solid #004CB6}.connect-btn:hover,.flatmate-request-btn:hover{background:#eff6ff;border-color:#002e70;transform:translateY(-1px)}.roommate-card.list-view-card,.flatmate-card.list-view-card{display:flex;flex-direction:row;align-items:stretch;gap:20px;padding:20px 24px}.list-avatar-col{display:flex;align-items:flex-start;padding-top:2px}.list-avatar-wrapper{width:76px!important;height:76px!important}.list-avatar-wrapper .roommate-avatar-img,.list-avatar-wrapper .flatmate-avatar-img{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:50%!important;border-width:3px}.list-info-col{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.list-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-name-badge-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.extra-phone-badge{background:#dcfce7;color:#15803d;font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:20px;border:1px solid #bbf7d0}.list-occupation-line{font-size:.88rem;color:#475569;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4;margin:0}.bullet-dot{color:#cbd5e1;font-size:1.1rem}.list-bio-box{background:#f8fafc;border-left:3.5px solid #004CB6;padding:8px 14px;border-radius:0 8px 8px 0;margin:2px 0;display:flex;gap:6px;font-size:.88rem;color:#334155;font-style:italic;line-height:1.45}.quote-mark{font-size:1.3rem;color:#004cb6;line-height:1;font-weight:900}.list-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:4px}.list-action-col{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:14px;padding-left:20px;border-left:1.5px solid #f1f5f9;min-width:200px;flex-shrink:0}.list-budget-box{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.list-budget-box .budget-label{font-size:.72rem;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.list-budget-box .budget-value{font-size:1.5rem;font-weight:900;color:#004cb6;line-height:1.1}.list-budget-box .movein-badge{font-size:.78rem;font-weight:700;color:#334155;background:#e2e8f0;padding:3px 8px;border-radius:6px;margin-top:4px}.list-actions-group{display:flex;gap:8px;width:100%}.list-actions-group .action-btn{padding:8px 12px;font-size:.82rem}@media(max-width:850px){.roommate-card.list-view-card,.flatmate-card.list-view-card{flex-direction:column}.list-action-col{padding-left:0;border-left:none;border-top:1.5px solid #f1f5f9;padding-top:16px;align-items:stretch;min-width:unset}.list-budget-box{align-items:flex-start;margin-bottom:6px}}.create-post-dropdown-container{position:relative;display:inline-block}.dropdown-caret{font-size:.75rem;margin-left:4px;transition:transform .2s ease}.create-post-popover-menu{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#fff;border:1.5px solid rgba(0,76,182,.18);border-radius:var(--border-radius-md);box-shadow:0 10px 30px #0000002e;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:500;animation:popoverFadeIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-header-title{font-size:.75rem;font-weight:800;color:#004cb6;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-bottom:1px solid #f1f5f9;margin-bottom:2px}.popover-option-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--border-radius-sm);background:transparent;border:none;cursor:pointer;text-align:left;transition:all .18s ease}.popover-option-item:hover{background:#f4f8fd;transform:translate(3px)}.option-icon{font-size:1.3rem;line-height:1}.option-text-group{display:flex;flex-direction:column;gap:2px}.option-label{font-size:.9rem;font-weight:800;color:#0f172a}.option-sub{font-size:.75rem;color:#64748b;font-weight:500}.roommate-filters-sidebar,.flatmate-filters-panel{background:#fff;border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-md, 16px);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000d;height:fit-content;box-sizing:border-box}.sidebar-header,.filters-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.sidebar-title,.filters-title{font-size:1.15rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0}.reset-btn,.reset-filters-btn{background:transparent;border:none;color:#004cb6;font-size:.85rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.reset-btn:hover,.reset-filters-btn:hover{background:#eff6ff;color:#002e70;text-decoration:underline}.filter-label{font-size:.78rem;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin:0}.preference-highlight-box,.highlight-preference-group{background:#eff6ff;border:1.5px solid #004CB6;border-radius:8px;padding:12px}.preference-highlight-label,.preference-label{color:#004cb6!important;font-weight:800!important;font-size:.82rem!important}.preference-highlight-select,.preference-select{background:#fff!important;border-color:#004cb6!important;font-weight:800!important}.filter-input,.filter-input-text{width:100%;background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:6px;padding:10px 14px;font-size:.92rem;font-weight:600;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.filter-input:focus,.filter-input-text:focus{background:#fff;border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.filter-select{width:100%;background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:6px;padding:10px 14px;font-size:.92rem;font-weight:700;color:#0f172a;outline:none;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.hobbies-pill-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hobby-pill-toggle{background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:20px;padding:6px 14px;font-size:.84rem;font-weight:700;color:#0f172a;display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.hobby-icon{font-size:.95rem}.budget-slider-group,.budget-group{margin-top:4px;padding-top:14px;border-top:1.5px dashed #e2e8f0}.budget-label-row,.budget-value-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.budget-value-badge{font-size:.92rem;font-weight:800;color:#004cb6;background:#eff6ff;padding:3px 10px;border-radius:6px;border:1px solid #bfdbfe}.yellow-range-slider,.budget-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#fbb801;outline:none;cursor:pointer}.yellow-range-slider::-webkit-slider-thumb,.budget-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fbb801;border:2.5px solid #004CB6;box-shadow:0 2px 6px #00000040;cursor:pointer;transition:transform .15s ease,background .15s ease}.yellow-range-slider::-webkit-slider-thumb:hover,.budget-range-slider::-webkit-slider-thumb:hover{transform:scale(1.18);background:#e5a700}.yellow-range-slider::-moz-range-thumb,.budget-range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fbb801;border:2.5px solid #004CB6;box-shadow:0 2px 6px #00000040;cursor:pointer}.slider-limits,.budget-slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:#64748b;margin-top:4px}.sidebar-footer-actions,.filter-action-section{padding-top:8px}.search-roommates-btn,.filter-search-submit-btn{width:100%;background:#fbb801;color:#0f172a;border:none;border-radius:var(--border-radius-sm, 8px);padding:12px 18px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #fbb80166;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.search-roommates-btn:hover,.filter-search-submit-btn:hover{background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180}.search-roommates-btn:active,.filter-search-submit-btn:active{transform:translateY(0)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:var(--border-radius-lg);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000040;border:1px solid rgba(0,76,182,.15);display:flex;flex-direction:column;animation:slideUp .25s ease-out}.modal-header{padding:20px 24px;border-bottom:1.5px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.modal-title-group{display:flex;flex-direction:column;gap:4px}.modal-badge{font-size:.75rem;font-weight:800;color:#004cb6;text-transform:uppercase;letter-spacing:.05em}.modal-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.modal-close-btn{background:transparent;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-error-alert{margin:16px 24px 0;padding:10px 16px;background:#fef2f2;border:1.5px solid #f87171;color:#991b1b;font-size:.88rem;font-weight:700;border-radius:var(--border-radius-sm)}.modal-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:14px}.form-row.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:600px){.form-row{flex-direction:column}.form-row.three-cols{grid-template-columns:1fr}}.form-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.highlight-modal-field{background:#eff6ff;border:1.5px solid #004CB6;border-radius:var(--border-radius-sm);padding:12px}.pref-highlight-label{color:#004cb6!important;font-weight:800!important}.pref-highlight-select{background:#fff!important;border-color:#004cb6!important;font-weight:800!important}.field-label{font-size:.75rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.04em}.modal-input,.modal-select,.modal-textarea{width:100%;background:#f4f8fd;border:1.5px solid #cbd5e1;border-radius:var(--border-radius-sm);padding:10px 14px;font-size:.92rem;font-weight:600;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{background:#fff;border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.modal-textarea{resize:vertical;font-family:inherit}.modal-footer{margin-top:8px;padding-top:16px;border-top:1.5px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end;gap:12px}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;padding:10px 20px;border-radius:var(--border-radius-sm);font-weight:700;font-size:.9rem;cursor:pointer;transition:background .2s ease}.btn-cancel:hover{background:#e2e8f0;color:#0f172a}.btn-publish-post{background:#fbb801;color:#0f172a;border:none;padding:10px 24px;border-radius:var(--border-radius-sm);font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:0 4px 14px #fbb80166;transition:all .2s ease}.btn-publish-post:hover{background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180}.amenity-picker{display:flex;flex-direction:column;gap:10px}.amenity-picker-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.amenity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.amenity-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.85rem;transition:all var(--transition-fast)}.amenity-chip:hover{border-color:var(--primary);color:var(--text-primary)}.amenity-chip.selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #004cb633}.amenity-icon{font-size:1rem}.photo-uploader{display:flex;flex-direction:column;gap:10px}.uploader-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.photo-thumbnail-container{position:relative;aspect-ratio:4/3;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--bg-glass-border)}.photo-thumbnail{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;line-height:1}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--bg-surface);border:2px dashed var(--bg-glass-border);border-radius:var(--border-radius-sm);color:var(--text-muted);gap:4px;transition:all var(--transition-fast)}.upload-dropzone:hover{border-color:var(--primary);color:var(--primary)}.upload-icon{font-size:1.5rem}.upload-text{font-size:.8rem;font-weight:600}.property-form{max-width:780px;width:100%;padding:32px;display:flex;flex-direction:column;gap:22px;margin:0 auto;background:var(--bg-surface, #ffffff);border:1px solid var(--bg-glass-border, rgba(0, 0, 0, .08));border-radius:16px;box-shadow:0 12px 32px #0000000f}.form-category-switcher{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px;border-radius:12px;border:1px solid #e2e8f0}.category-tab-btn{flex:1;padding:10px 14px;border:none;background:transparent;color:#475569;font-size:.88rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.category-tab-btn:hover{background:#e2e8f0;color:#004cb6}.category-tab-btn.active{background:#004cb6;color:#fff;box-shadow:0 2px 8px #004cb640}.form-card-banner{background:linear-gradient(135deg,#004cb6,#002d6d);color:#fff;padding:22px 26px;border-radius:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 20px #004cb62e}.form-back-home-btn{align-self:flex-start;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.form-back-home-btn:hover{background:#ffffff52;transform:translate(-2px)}.form-hero-main-title{font-size:1.45rem;font-weight:800;color:#fff;margin:0}.form-hero-main-sub{font-size:.9rem;color:#ffffffeb;margin:0;line-height:1.45}.form-header-badge-row{display:flex;flex-direction:column;gap:4px}.form-section-tag{align-self:flex-start;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#004cb6;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:6px}.form-title{font-size:1.45rem;font-weight:800;color:#0f172a;margin:0}.form-row{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-label{font-size:.85rem;font-weight:700;color:#334155;margin-bottom:2px}.form-select,.form-textarea{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:.92rem;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.form-select{height:44px;cursor:pointer}.form-textarea{line-height:1.5;resize:vertical;min-height:96px}.form-select:focus,.form-textarea:focus{border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}@media(max-width:639px){.property-form{padding:20px 16px;border-radius:12px;gap:16px}.form-category-switcher{flex-direction:column;gap:4px}.category-tab-btn{padding:8px 10px;font-size:.82rem}.form-title{font-size:1.25rem}}.modal-form-mode .form-label{font-size:.75rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.04em}.modal-form-mode .form-select,.modal-form-mode .form-textarea,.modal-form-mode .input-container{background:#f4f8fd;border:1.5px solid #cbd5e1;border-radius:6px;font-size:.92rem;font-weight:600;transition:all .2s ease}.modal-form-mode .input-control{border:none!important;background:transparent!important;box-shadow:none!important;font-size:.92rem;font-weight:600;color:#0f172a}.modal-form-mode .form-select:focus,.modal-form-mode .form-textarea:focus,.modal-form-mode .input-container:focus-within{background:#fff;border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.form-select.unselected{color:#94a3b8!important;font-weight:500!important}.form-select option{color:#0f172a!important;font-weight:600!important}.form-select option[value=""]{color:#94a3b8!important;font-weight:500!important}.input-control::placeholder,.form-textarea::placeholder{color:#94a3b8!important;font-weight:500!important}.modal-form-mode .modal-footer{margin-top:8px;padding-top:16px;border-top:1.5px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end;gap:12px}.modal-form-mode .btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;padding:10px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .2s ease}.modal-form-mode .btn-cancel:hover{background:#e2e8f0;color:#0f172a}.modal-form-mode .btn-publish-post{background:#fbb801;color:#0f172a;border:none;padding:10px 24px;border-radius:6px;font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:0 4px 14px #fbb80166;transition:all .2s ease}.modal-form-mode .btn-publish-post:hover{background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180}.form-error-alert{padding:10px 16px;background:#fef2f2;border:1.5px solid #f87171;color:#991b1b;font-size:.88rem;font-weight:700;border-radius:6px;display:flex;align-items:center;gap:8px}.badge-toggles-section{display:flex;flex-direction:column;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.badge-toggles-title{font-size:.88rem;font-weight:800;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:6px}.badge-toggles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.badge-toggle-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;border:1.5px solid #cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.badge-toggle-card:hover{border-color:#004cb6;background:#f0f7ff}.badge-toggle-card.checked.brokerage-toggle{border-color:#10b981;background:#ecfdf5}.badge-toggle-card.checked.verified-toggle{border-color:#004cb6;background:#eff6ff}.badge-toggle-card.checked.deposit-toggle{border-color:#f97316;background:#fff7ed}.badge-toggle-checkbox{width:18px;height:18px;accent-color:#004CB6;cursor:pointer}.badge-toggle-label{display:flex;flex-direction:column;gap:2px}.badge-toggle-chip{font-size:.78rem;font-weight:800;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;width:fit-content}.badge-toggle-chip.brokerage{background:#10b981;color:#fff}.badge-toggle-chip.verified{background:#004cb6;color:#fff}.badge-toggle-chip.deposit{background:#f97316;color:#fff}.badge-toggle-desc{font-size:.75rem;color:#64748b;font-weight:500}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-prop-modal-container{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040;border:1px solid rgba(0,76,182,.15);overflow:hidden;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.create-prop-modal-header{padding:20px 24px;border-bottom:1.5px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-top-left-radius:16px;border-top-right-radius:16px}.create-prop-modal-header .modal-title-group{display:flex;flex-direction:column;gap:4px}.create-prop-modal-header .modal-badge{font-size:.75rem;font-weight:800;color:#004cb6;text-transform:uppercase;letter-spacing:.05em}.create-prop-modal-header .modal-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.create-prop-modal-header .modal-close-btn{background:transparent;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.create-prop-modal-header .modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.create-prop-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.create-prop-modal-body .modal-form-mode{box-shadow:none;border:none;padding:0;max-width:100%;display:flex;flex-direction:column;gap:16px;background:transparent}@media(max-width:640px){.modal-backdrop{padding:8px}.create-prop-modal-container{max-height:94vh;border-radius:12px}.create-prop-modal-header{padding:16px}.create-prop-modal-header .modal-title{font-size:1.1rem}.create-prop-modal-body{padding:16px}}.home-portal-page{padding:0 0 100px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:60px}.home-toast-alert{position:fixed;top:85px;right:24px;background:#16a34a;color:#fff;padding:14px 22px;border-radius:var(--border-radius-md);font-weight:600;box-shadow:0 10px 25px #0003;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.home-hero-portal{background:linear-gradient(135deg,#003785,#004cb6,#0066f0);color:#fff;padding:60px 24px 70px;position:relative;overflow:hidden;box-shadow:0 12px 30px #004cb640}.home-hero-portal:before{content:"";position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:radial-gradient(circle,#fbb80140,#fbb80100 70%);border-radius:50%;pointer-events:none}.hero-content-box{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 18px;border-radius:var(--border-radius-full);font-size:.88rem;font-weight:700;letter-spacing:.5px;margin-bottom:18px;color:#fbb801;text-transform:uppercase}.hero-main-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:900px}.hero-main-title .highlight-text{color:#fbb801;position:relative;white-space:nowrap}.hero-main-subtitle{font-size:1.15rem;color:#ffffffe6;max-width:750px;margin-bottom:36px;line-height:1.5}.hero-search-card{width:100%;max-width:1100px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 40px #00000040;margin-bottom:28px}.search-field-group{flex:1;display:flex;flex-direction:column;text-align:left;gap:4px}.field-label{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.search-select{border:none;background:transparent;font-size:1rem;font-weight:700;color:#0f172a;outline:none;cursor:pointer;padding:4px 0;width:100%}.search-divider{width:1px;height:40px;background:#e2e8f0}.hero-search-submit-btn{background:#fbb801;color:#0f172a;border:none;padding:14px 28px;border-radius:var(--border-radius-md);font-size:1.05rem;font-weight:800;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #fbb80166;white-space:nowrap}.hero-search-submit-btn:hover{background:#e5a700;transform:translateY(-2px);box-shadow:0 6px 20px #fbb80199}.hero-feature-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:.88rem;font-weight:600;color:#ffffffe0}.hero-feature-chips span{background:#ffffff1f;padding:6px 14px;border-radius:var(--border-radius-full)}.home-section-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:16px;flex-wrap:wrap}.section-header-center{text-align:center;max-width:700px;margin:0 auto 36px}.section-eyebrow{font-size:.82rem;font-weight:800;color:var(--primary);letter-spacing:1px;margin-bottom:6px;display:block}.section-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.section-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.5}.section-link-btn{background:transparent;border:none;color:var(--primary);font-size:1rem;font-weight:700;cursor:pointer;transition:color var(--transition-fast)}.section-link-btn:hover{color:#003785;text-decoration:underline}.section-footer-center{display:flex;justify-content:center;margin-top:36px}.primary-view-all-btn{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:var(--border-radius-full);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 6px 20px #004cb640}.primary-view-all-btn:hover{background:#003785;transform:translateY(-2px);box-shadow:0 10px 25px #004cb659}.categories-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.category-card{padding:28px 24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;border:1px solid var(--bg-glass-border)}.category-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.category-icon-bg{font-size:2.2rem;width:54px;height:54px;background:#004cb614;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.category-count-badge{font-size:.78rem;font-weight:700;color:#16a34a;background:#f0fdf4;padding:4px 10px;border-radius:var(--border-radius-full);align-self:flex-start;margin-bottom:12px}.category-card-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.category-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;flex-grow:1}.category-action-link{font-size:.9rem;font-weight:700;color:var(--primary)}.post-ad-category-card{background:linear-gradient(135deg,#fbb8011a,#ffffffe6);border-color:#fbb80166}.post-ad-category-card .category-icon-bg{background:#fbb80133}.horizontal-properties-row{display:flex;flex-direction:row;align-items:stretch;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.horizontal-properties-row::-webkit-scrollbar{height:6px}.horizontal-properties-row::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.horizontal-card-item{flex:0 0 calc(25% - 12px);min-width:240px;display:flex}.horizontal-card-item .property-card{width:100%}@media(max-width:900px){.horizontal-card-item{flex:0 0 calc(40% - 10px);min-width:220px}}@media(max-width:600px){.horizontal-card-item{flex:0 0 calc(75% - 10px);min-width:200px}}.properties-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:480px){.properties-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.properties-grid{grid-template-columns:repeat(4,1fr)}}.flatmates-showcase-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.flatmates-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.flatmates-showcase-grid{grid-template-columns:repeat(3,1fr)}}.steps-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{padding:36px 28px;border-radius:var(--border-radius-lg);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.step-number{position:absolute;top:16px;left:20px;font-size:1.4rem;font-weight:900;color:var(--primary);opacity:.3}.step-icon{font-size:2.8rem;margin-bottom:16px}.step-card h3{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:10px}.step-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.owner-cta-card{background:linear-gradient(135deg,#003785,#004cb6);color:#fff;border-radius:var(--border-radius-xl);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 15px 35px #004cb64d}.owner-cta-content{max-width:750px}.cta-badge{background:#fbb801;color:#0f172a;font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:var(--border-radius-full);display:inline-block;margin-bottom:14px}.owner-cta-content h2{font-size:2.2rem;font-weight:800;margin-bottom:12px;line-height:1.25}.owner-cta-content p{font-size:1.08rem;color:#ffffffeb;line-height:1.6;margin-bottom:28px}.owner-cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.cta-post-ad-btn{background:#fbb801!important;color:#0f172a!important;font-weight:800!important;font-size:1rem!important;padding:12px 24px!important;box-shadow:0 6px 20px #fbb80166!important}.cta-dashboard-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.cta-dashboard-btn:hover{background:#ffffff40}.big-illustration-icon{font-size:6rem}@media(max-width:768px){.hero-main-title{font-size:2.1rem}.hero-search-card{flex-direction:column;gap:12px}.search-divider{width:100%;height:1px}.hero-search-submit-btn{width:100%}.owner-cta-card{flex-direction:column;text-align:center;padding:32px 20px}.owner-cta-buttons{justify-content:center}.big-illustration-icon{display:none}}.property-filters-panel{background:#fff;border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-md);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000d;height:fit-content}.filters-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.filters-title{font-size:1.1rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0}.filters-icon{font-size:1.1rem}.reset-filters-btn{background:transparent;border:none;color:#004cb6;font-size:.85rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.reset-filters-btn:hover{background:#eff6ff;color:#002e70;text-decoration:underline}.filter-group{display:flex;flex-direction:column;gap:8px}.highlight-preference-group{background:#eff6ff;border:1.5px solid #004CB6;border-radius:6px;padding:12px}.preference-label{color:#004cb6!important;font-weight:800!important;font-size:.82rem!important}.preference-select{background:#fff!important;border-color:#004cb6!important;font-weight:800!important}.filter-label{font-size:.78rem;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.hobbies-filter-group{margin-top:2px}.hobbies-pill-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.hobby-pill-toggle{background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:700;color:#0f172a;display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.hobby-pill-toggle:hover{background:#e2eefd;border-color:#004cb6;transform:translateY(-1px)}.hobby-pill-toggle.selected{background:#004cb6!important;border-color:#004cb6!important;color:#fff!important;box-shadow:0 4px 12px #004cb640;font-weight:800}.filter-input-text{width:100%;background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:4px;padding:10px 14px;font-size:.95rem;font-weight:600;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.filter-input-text:focus{background:#fff;border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.filter-input-text::placeholder{color:#94a3b8;font-weight:400}.select-wrapper{position:relative;width:100%}.filter-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f4f8fd;border:1.5px solid #d0dbe7;border-radius:4px;padding:10px 36px 10px 14px;font-size:.95rem;font-weight:700;color:#0f172a;outline:none;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.filter-select:focus{background:#fff;border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-40%) rotate(45deg);width:6px;height:6px;border-right:2px solid #0f172a;border-bottom:2px solid #0f172a;pointer-events:none}.budget-group{margin-top:4px;padding-top:14px;border-top:1.5px dashed #e2e8f0}.budget-value-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.budget-text-prefix{font-size:.9rem;font-weight:700;color:#0f172a}.budget-text-amount{font-size:1rem;font-weight:800;color:#004cb6}.budget-slider-wrapper{width:100%;padding:6px 0}.budget-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#fbb801;outline:none;cursor:pointer}.budget-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fbb801;border:2.5px solid #004CB6;box-shadow:0 2px 6px #00000040;cursor:pointer;transition:transform .15s ease,background .15s ease}.budget-range-slider::-webkit-slider-thumb:hover{transform:scale(1.18);background:#e5a700}.budget-range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fbb801;border:2.5px solid #004CB6;box-shadow:0 2px 6px #00000040;cursor:pointer}.budget-slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#64748b;margin-top:2px}.checkbox-toggles-column{display:flex;flex-direction:column;gap:8px}.checkbox-card-inline{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#334155;cursor:pointer}.checkbox-card-inline input[type=checkbox]{width:16px;height:16px;accent-color:#004CB6;cursor:pointer}.filter-action-section{padding-top:8px}.filter-search-submit-btn{width:100%;background:#fbb801;color:#0f172a;border:none;border-radius:var(--border-radius-sm);padding:12px 18px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #fbb80166;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.filter-search-submit-btn:hover{background:#e5a700;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180}.filter-search-submit-btn:active{transform:translateY(0)}.filters-footer{padding-top:8px;border-top:1px solid #f1f5f9;display:flex;justify-content:center}.results-count-badge{background:#f1f5f9;color:#334155;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:12px}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loader-container.full-screen{min-height:80vh;width:100%}.loader-ring{display:inline-block;position:relative;width:48px;height:48px}.loader-ring div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:4px;border:4px solid var(--primary);border-radius:50%;animation:loader-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--primary) transparent transparent transparent}.loader-ring div:nth-child(1){animation-delay:-.45s}.loader-ring div:nth-child(2){animation-delay:-.3s}.loader-ring div:nth-child(3){animation-delay:-.15s}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-message{color:var(--text-secondary);font-size:.95rem;font-weight:500}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--bg-surface);border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-md);margin-top:24px;flex-wrap:wrap;gap:14px;box-shadow:0 4px 16px #004cb60a}.pagination-info-text{font-size:.88rem;color:#475569}.pagination-info-text strong{color:#004cb6;font-weight:800}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{height:38px;min-width:38px;padding:0 14px;border-radius:8px;font-size:.88rem;font-weight:700;border:1.5px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled):not(.active){border-color:#004cb6;color:#004cb6;background:#f4f8fd}.pagination-btn.active{background:#004cb6;border-color:#004cb6;color:#fff;font-weight:800;box-shadow:0 4px 12px #004cb64d}.pagination-btn:disabled{opacity:.45;cursor:not-allowed;background:#f8fafc}.pagination-ellipsis{padding:0 4px;color:#94a3b8;font-weight:700}.search-results-page{padding:24px 24px 80px;min-height:calc(100vh - 70px)}.search-results-container{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.properties-hero-banner{background:linear-gradient(135deg,#004cb6,#002e70)!important;color:#fff!important;padding:32px 28px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 30px #004cb640;border:1px solid rgba(255,255,255,.2)}.banner-title{font-size:2.2rem;font-weight:800;color:#fff!important;line-height:1.15}.banner-subtitle{font-size:1rem;color:#e0f2fe!important;line-height:1.5;font-weight:500}.create-post-hero-btn{background:#fbb801!important;color:#0f172a!important;border:none!important;font-size:.95rem;font-weight:800;padding:12px 24px;border-radius:var(--border-radius-full);box-shadow:0 4px 16px #fbb80166;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.property-filter-pills{display:flex;flex-wrap:wrap;gap:10px}.filter-pill-btn{background:#ffffff38!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important;font-size:.88rem;font-weight:700;padding:8px 18px;border-radius:var(--border-radius-full);transition:all var(--transition-bounce);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.properties-main-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.properties-main-layout{grid-template-columns:320px 1fr;align-items:start}}.properties-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.properties-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1250px){.properties-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1650px){.properties-grid{grid-template-columns:repeat(4,1fr)}}.properties-results-area{display:flex;flex-direction:column;gap:16px}.results-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-surface);border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-sm);font-size:.9rem}.results-count-text{color:#334155}.results-status-actions{display:flex;align-items:center;gap:10px}.create-post-inline-btn{background:#fbb801;color:#0f172a;border:none;font-size:.82rem;font-weight:800;padding:5px 14px;border-radius:6px;cursor:pointer;transition:background .2s ease}.no-results-card{padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-md)}.no-results-icon{font-size:3.5rem}.no-results-card h3{font-size:1.4rem;color:var(--text-primary);margin:0}.no-results-card p{color:var(--text-secondary);font-size:.95rem;max-width:480px;margin:0}.reset-empty-btn{background:#fbb801;color:#0f172a;border:none;padding:10px 22px;border-radius:var(--border-radius-sm);font-weight:800;font-size:.9rem;cursor:pointer;transition:background .2s ease}.reset-empty-btn:hover{background:#e5a700}.property-detail-page{padding:24px 24px 80px}.detail-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.back-btn{color:var(--text-secondary);font-size:.95rem;font-weight:600;align-self:flex-start}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;border-radius:var(--border-radius-md);overflow:hidden}.gallery-image{width:100%;height:280px;object-fit:cover;border-radius:var(--border-radius-sm)}.detail-grid-layout{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:850px){.detail-grid-layout{grid-template-columns:2fr 1fr}}.detail-main-content{display:flex;flex-direction:column;gap:20px}.detail-header-tags{display:flex;gap:10px}.detail-type-badge{background:var(--primary);color:#fff;font-size:.8rem;font-weight:700;text-transform:capitalize;padding:4px 12px;border-radius:var(--border-radius-full)}.detail-furnish-badge{background:var(--secondary);color:#0f172a;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:var(--border-radius-full)}.detail-title{font-size:2rem;font-weight:800}.detail-address{color:var(--text-secondary);font-size:1rem}.financial-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}.financial-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);padding:16px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0000000a}.fin-card-label{font-size:.75rem;font-weight:800;color:#64748b;letter-spacing:.05em;text-transform:uppercase}.fin-card-value{font-size:1.8rem;font-weight:900;color:#0f172a;line-height:1.1}.fin-card-subtext{font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:6px;margin-top:4px}.fin-card-subtext.green{color:#059669}.fin-card-subtext.info{color:#0f172a}.sub-icon{font-size:.9rem}.specifications-section{display:flex;flex-direction:column;gap:10px}.section-title-uppercase{font-size:.82rem;font-weight:800;color:#475569;letter-spacing:.06em;text-transform:uppercase;margin:0}.specifications-badges-row{display:flex;flex-wrap:wrap;gap:10px}.spec-badge-pill{background:#f1f5f9;color:#1e293b;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:6px;border:1px solid #e2e8f0}.detail-action-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.chat-outline-btn{background:#fff;color:#0f172a;border:2px solid #FBB801;font-size:.95rem;font-weight:800;padding:14px 24px;border-radius:4px;cursor:pointer;letter-spacing:.05em;transition:all .2s ease;text-align:center}.chat-outline-btn:hover{background:#fffdf0;border-color:#e5a700}.book-visit-solid-btn{background:#fbb801;color:#0f172a;border:2px solid #FBB801;font-size:.95rem;font-weight:800;padding:14px 24px;border-radius:4px;cursor:pointer;letter-spacing:.05em;transition:all .2s ease;text-align:center;box-shadow:0 4px 14px #fbb80159}.book-visit-solid-btn:hover{background:#e5a700;border-color:#e5a700}.rental-agreement-box{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #00000008}.agreement-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.agreement-title{font-size:.85rem;font-weight:800;color:#0f172a;letter-spacing:.04em;text-transform:uppercase}.estamp-badge{background:#fdf2f8;color:#be185d;font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:4px}.agreement-terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.term-item{display:flex;flex-direction:column;gap:4px}.term-label{font-size:.82rem;color:#64748b;font-weight:600}.term-value{font-size:.95rem;color:#0f172a;font-weight:800}.amenities-rich-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:6px}.amenity-rich-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px}.amenity-icon-box{width:44px;height:44px;border-radius:8px;background:#f0f7ff;color:#004cb6;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.amenity-meta{display:flex;flex-direction:column;gap:2px}.amenity-name{font-size:.92rem;font-weight:800;color:#0f172a;margin:0}.amenity-desc{font-size:.8rem;color:#64748b;margin:0}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section h3{font-size:1.2rem}.description-text{color:var(--text-secondary);line-height:1.6}.detail-sidebar-cta{padding:28px;height:fit-content;display:flex;flex-direction:column;gap:20px;position:sticky;top:90px}.landlord-info{display:flex;gap:14px}.landlord-avatar{width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landlord-name{font-size:1.1rem;font-weight:700}.landlord-badge{font-size:.75rem;color:var(--accent-emerald);font-weight:600}.landlord-phone{font-size:.82rem;color:var(--text-muted);margin-top:2px}.cta-action-buttons{display:flex;flex-direction:column;gap:12px}.schedule-visit-cta-btn{background:linear-gradient(135deg,var(--primary) 0%,#003075 100%);color:#fff;font-weight:700;font-size:1rem;padding:14px;border-radius:var(--border-radius-sm);box-shadow:0 4px 14px var(--primary-glow)}.chat-landlord-cta-btn{background:var(--bg-surface);border:1px solid var(--bg-glass-border);color:var(--text-primary);font-weight:600;font-size:1rem;padding:14px;border-radius:var(--border-radius-sm)}.chat-landlord-cta-btn:hover{border-color:var(--primary)}.map-property-card{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:320px;display:flex;gap:12px;padding:12px;z-index:500;box-shadow:var(--shadow-md);border:1px solid var(--primary);animation:map-card-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes map-card-pop{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.map-card-close{position:absolute;top:4px;right:6px;color:var(--text-muted);font-size:1.1rem}.map-card-image-box{width:90px;height:75px;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0}.map-card-img{width:100%;height:100%;object-fit:cover}.map-card-info{display:flex;flex-direction:column;justify-content:space-between;flex:1}.map-card-title{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.map-card-price{font-size:.95rem;font-weight:800;color:var(--primary)}.map-card-action-btn{background:var(--primary);color:#fff;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:4px;align-self:flex-start}.property-map-container{position:relative;width:100%;height:calc(100vh - 70px);overflow:hidden;background:#f1f5f9}.map-canvas{width:100%;height:100%;position:relative;background-color:#e2e8f0;background-image:radial-gradient(rgba(0,76,182,.08) 1px,transparent 1px);background-size:24px 24px}.map-water-feature{position:absolute;top:10%;right:-5%;width:40%;height:80%;background:#0284c726;border-radius:50%;filter:blur(40px)}.map-park-feature{position:absolute;bottom:5%;left:5%;width:30%;height:40%;background:#16a34a26;border-radius:40%;filter:blur(30px)}.map-marker-pin{position:absolute;background:var(--bg-surface);border:2px solid var(--primary);color:var(--text-primary);font-weight:800;font-size:.85rem;padding:6px 12px;border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);transition:all var(--transition-bounce);z-index:100}.map-marker-pin:hover,.map-marker-pin.active{background:var(--primary);color:#fff;transform:scale(1.15);z-index:200;box-shadow:0 0 20px var(--primary-glow)}.map-view-page{position:relative;width:100%;height:calc(100vh - 70px)}.map-view-header{position:absolute;top:16px;left:24px;z-index:500;padding:12px 20px;max-width:380px}.map-view-header h2{font-size:1.1rem;font-weight:800}.map-view-header p{font-size:.8rem;color:var(--text-muted)}.conversation-list{display:flex;flex-direction:column;height:100%;padding:16px}.inbox-title{font-size:1.25rem;font-weight:800;margin-bottom:14px}.conversations-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.no-conversations{color:var(--text-muted);font-size:.88rem;text-align:center;margin-top:40px}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);position:relative}.conversation-item:hover,.conversation-item.selected{background:var(--bg-surface-hover)}.conversation-item.selected{border-left:3px solid var(--primary)}.conv-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conv-details{flex:1;overflow:hidden}.conv-top-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conv-name{font-weight:700;font-size:.92rem}.conv-status-chip{font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:10px}.conv-status-chip.pending{background:#fef3c7;color:#b45309}.conv-status-chip.accepted{background:#dcfce7;color:#15803d}.conv-status-chip.declined{background:#fee2e2;color:#991b1b}.conv-time{font-size:.72rem;color:var(--text-muted)}.conv-property-title{display:block;font-size:.78rem;color:var(--primary);font-weight:600}.conv-last-msg{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--accent-rose);color:#fff;font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:10px}.conv-actions-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:4px;flex-shrink:0}.conv-delete-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;font-size:.85rem;opacity:.4;transition:opacity var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.conversation-item:hover .conv-delete-btn,.conv-delete-btn:focus{opacity:1}.conv-delete-btn:hover{background:#ef444426;transform:scale(1.15)}.message-bubble-wrapper{display:flex;flex-direction:column;max-width:75%}.message-bubble-wrapper.own-message{align-self:flex-end}.message-bubble-wrapper.other-message{align-self:flex-start}.message-sender-name{font-size:.75rem;color:var(--text-muted);margin-bottom:2px;margin-left:4px}.message-bubble-content{padding:10px 14px;border-radius:var(--border-radius-md);position:relative;word-break:break-word}.own-message .message-bubble-content{background:linear-gradient(135deg,var(--primary) 0%,#003682 100%);color:#fff;border-bottom-right-radius:2px}.other-message .message-bubble-content{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--bg-glass-border);border-bottom-left-radius:2px}.message-text{font-size:.92rem;line-height:1.4}.message-footer-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.message-timestamp{display:block;font-size:.68rem;opacity:.7}.delete-msg-btn{background:transparent;border:none;font-size:.75rem;cursor:pointer;opacity:.35;padding:0 2px;transition:opacity .2s ease,transform .2s ease;line-height:1}.message-bubble-content:hover .delete-msg-btn{opacity:.85}.delete-msg-btn:hover{opacity:1!important;transform:scale(1.2)}.system-notice-bubble.yellow-highlight{align-self:center;max-width:90%;margin:12px auto;padding:10px 18px;background-color:#fff3c4;border:1.5px solid #FBB801;border-radius:var(--border-radius-md);color:#5c4000;font-weight:600;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #fbb80138;animation:fadeInNotice .3s ease-in-out}@keyframes fadeInNotice{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.message-input-container{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--bg-glass-border);background:var(--bg-surface)}.message-input-container.disabled-mode{background:#f8fafc;border-top-color:#e2e8f0}.chat-text-input{flex:1;height:42px;background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-full);padding:0 16px;color:var(--text-primary);font-size:.92rem;outline:none}.chat-text-input.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#cbd5e1}.chat-text-input:focus{border-color:var(--primary)}.send-msg-btn{background:var(--primary);color:#fff;font-weight:600;font-size:.88rem;padding:0 20px;border-radius:var(--border-radius-full);transition:opacity var(--transition-fast)}.send-msg-btn:disabled{opacity:.5;background:#94a3b8;cursor:not-allowed}.chat-window{display:flex;flex-direction:column;height:100%;min-height:520px;overflow:hidden}.chat-window-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:var(--text-muted)}.empty-chat-icon{font-size:3rem;margin-bottom:12px}.chat-window-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bg-glass-border);background:var(--bg-surface);position:relative;z-index:10}.chat-header-left{display:flex;align-items:center;gap:12px}.partner-avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#004cb6,#002d6c);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #004cb640;flex-shrink:0}.chat-back-btn{font-size:1.2rem;color:var(--text-secondary)}.chat-partner-info{display:flex;flex-direction:column}.partner-title-row{display:flex;align-items:center;gap:10px}.partner-name{font-weight:800;font-size:1.05rem;color:#0f172a}.status-badge{font-size:.73rem;font-weight:800;padding:2px 10px;border-radius:20px;letter-spacing:.3px}.status-badge.pending{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.status-badge.accepted{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-badge.declined{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.property-reference{font-size:.8rem;color:#004cb6;font-weight:600}.inquiry-approval-card{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1.5px solid #004CB6;border-radius:12px;margin:12px 16px 0;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 14px #004cb61a;animation:inquiry-pop .3s ease}@keyframes inquiry-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.approval-card-content{display:flex;align-items:flex-start;gap:12px}.approval-icon{font-size:1.8rem;flex-shrink:0}.approval-text h4{margin:0 0 4px;font-size:.98rem;font-weight:800;color:#004cb6}.approval-text p{margin:0;font-size:.88rem;color:#334155;line-height:1.45}.approval-card-actions{display:flex;gap:10px;justify-content:flex-end}.accept-inquiry-btn{background:#004cb6;color:#fff;border:none;font-weight:800;font-size:.86rem;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #004cb64d}.accept-inquiry-btn:hover{background:#002e70;transform:translateY(-1px)}.decline-inquiry-btn{background:#fff;color:#dc2626;border:1.5px solid #dc2626;font-weight:700;font-size:.84rem;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.decline-inquiry-btn:hover{background:#fef2f2}.inquiry-status-banner{padding:10px 16px;margin:10px 16px 0;border-radius:8px;font-size:.86rem;font-weight:600}.banner-content-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.delete-inquiry-inline-btn{background:#dc2626;color:#fff;border:none;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 6px #dc262640}.delete-inquiry-inline-btn:hover{background:#b91c1c;transform:translateY(-1px)}.inquiry-status-banner.pending-sender{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.inquiry-status-banner.accepted{background:#fff3c4;border:1.5px solid #FBB801;color:#5c4000;box-shadow:0 2px 6px #fbb80133}.inquiry-status-banner.declined{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.inquiry-status-banner.blocked-banner{background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b;display:flex;align-items:center;justify-content:space-between}.unblock-inline-btn{background:#dc2626;color:#fff;border:none;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;transition:background .2s ease}.unblock-inline-btn:hover{background:#b91c1c}.chat-header-options{position:relative;margin-left:auto;flex-shrink:0;display:flex;align-items:center;z-index:500}.chat-options-btn{background:#f1f5f9;border:1.5px solid #cbd5e1;font-size:1.6rem;font-weight:900;color:#0f172a;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0 0 3px;box-shadow:0 2px 5px #0000001a}.chat-options-btn:hover{background:#004cb6;color:#fff;border-color:#004cb6;transform:scale(1.08)}.chat-options-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--bg-glass-border);border-radius:10px;padding:6px;min-width:160px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:2px;z-index:100;animation:dropdown-pop .2s ease}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:transparent;border:none;padding:10px 14px;text-align:left;font-size:.88rem;font-weight:600;color:#334155;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.delete-item{color:#dc2626}.dropdown-item.delete-item:hover{background:#fef2f2}.chat-messages-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;box-sizing:border-box}.inbox-page{padding:24px 24px 80px;min-height:calc(100vh - 70px)}.inbox-layout-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;height:calc(100vh - 120px)}@media(min-width:768px){.inbox-layout-grid{grid-template-columns:340px 1fr}}.chat-page{width:100%}.time-slot-picker{display:flex;flex-direction:column;gap:10px}.slot-picker-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.no-slots-msg{font-size:.85rem;color:var(--text-muted)}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.slot-chip{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:all var(--transition-fast)}.slot-chip:hover:not(:disabled){border-color:var(--primary)}.slot-chip.selected{background:var(--primary);border-color:var(--primary);color:#fff}.slot-chip.booked{opacity:.4;cursor:not-allowed;background:var(--bg-primary)}.slot-time{font-size:.85rem;font-weight:700}.slot-status-open{font-size:.72rem;color:var(--accent-emerald)}.slot-chip.selected .slot-status-open{color:#fff}.slot-status-booked{font-size:.72rem;color:var(--accent-rose)}.visit-mode-toggle{display:flex;flex-direction:column;gap:8px}.toggle-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.toggle-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-option-card{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);text-align:center;transition:all var(--transition-fast)}.toggle-option-card:hover{border-color:var(--primary)}.toggle-option-card.active{background:#004cb614;border-color:var(--primary);box-shadow:0 0 14px var(--primary-glow)}.toggle-icon{font-size:1.5rem;margin-bottom:4px}.toggle-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.toggle-desc{font-size:.72rem;color:var(--text-muted);margin-top:2px}.visit-scheduler{max-width:520px;width:100%;padding:28px;display:flex;flex-direction:column;gap:20px;margin:0 auto}.scheduler-title{font-size:1.4rem;font-weight:800}.scheduler-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:-12px}.date-picker-group,.notes-group{display:flex;flex-direction:column;gap:6px}.picker-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.date-input-control{background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.95rem;outline:none}.date-input-control:focus{border-color:var(--primary)}.notes-textarea{background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.9rem;outline:none;resize:vertical}.schedule-visit-page{padding:32px 24px 80px;min-height:calc(100vh - 70px)}.schedule-visit-container{max-width:600px;margin:0 auto}.visit-card{display:flex;flex-direction:column;gap:14px;padding:16px;overflow:hidden}@media(min-width:500px){.visit-card{flex-direction:row}}.visit-card-photo-box{width:100%;height:120px;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0}@media(min-width:500px){.visit-card-photo-box{width:140px;height:auto}}.visit-card-photo{width:100%;height:100%;object-fit:cover}.visit-card-details{flex:1;display:flex;flex-direction:column;gap:6px}.visit-header-line{display:flex;justify-content:space-between;align-items:center}.visit-property-title{font-size:1rem;font-weight:700}.visit-status-pill{font-size:.75rem;font-weight:800;text-transform:uppercase;padding:3px 10px;border-radius:var(--border-radius-full)}.status-pending{background:#f59e0b33;color:var(--accent-amber)}.status-confirmed{background:#10b98133;color:var(--accent-emerald)}.status-cancelled{background:#f43f5e33;color:var(--accent-rose)}.status-completed{background:#6366f133;color:var(--primary)}.visit-datetime{font-size:.88rem;color:var(--text-primary)}.visit-mode-tag{font-size:.82rem;color:var(--primary);font-weight:600}.visit-contact-person{font-size:.82rem;color:var(--text-secondary)}.visit-notes{font-size:.82rem;font-style:italic;color:var(--text-muted);background:var(--bg-surface);padding:6px 10px;border-radius:4px}.visit-action-buttons{display:flex;gap:8px;margin-top:8px}.confirm-visit-btn{background:var(--accent-emerald);color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:var(--border-radius-sm)}.decline-visit-btn{background:transparent;border:1px solid var(--accent-rose);color:var(--accent-rose);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:var(--border-radius-sm)}.my-visits-page{padding:32px 24px 80px}.my-visits-container{max-width:800px;margin:0 auto}.page-title{font-size:2rem;font-weight:800;margin-bottom:6px}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:28px}.empty-visits-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-visits-state span{font-size:3rem}.browse-rooms-btn{background:var(--primary);color:#fff;font-weight:600;padding:10px 24px;border-radius:var(--border-radius-full);margin-top:12px}.visits-list{display:flex;flex-direction:column;gap:16px}.owner-visits-page{padding:32px 24px 80px}.owner-visits-container{max-width:800px;margin:0 auto}.contact-form{max-width:580px;width:100%;padding:36px;display:flex;flex-direction:column;gap:20px;margin:0 auto}.contact-title{font-size:1.6rem;font-weight:800;text-align:center}.contact-subtitle{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-top:-12px;margin-bottom:8px}.contact-field-group{display:flex;flex-direction:column;gap:6px}.contact-field-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.contact-select,.contact-textarea{background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);padding:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.contact-select:focus,.contact-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.contact-textarea{resize:vertical}.toast-notification{position:fixed;bottom:80px;right:24px;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;max-width:360px;width:calc(100% - 48px);z-index:2000;box-shadow:var(--shadow-md);animation:toast-slide-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toast-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-left:4px solid var(--accent-emerald)}.toast-error{border-left:4px solid var(--accent-rose)}.toast-info{border-left:4px solid var(--accent-cyan)}.toast-icon{font-size:1.2rem;margin-top:2px}.toast-content{flex:1}.toast-title{display:block;font-size:.9rem;font-weight:700;color:var(--text-primary)}.toast-body{font-size:.85rem;color:var(--text-secondary)}.toast-close{color:var(--text-muted);font-size:1.2rem;line-height:1;padding:0 4px}.toast-close:hover{color:var(--text-primary)}@media(min-width:768px){.toast-notification{bottom:24px}}.contact-us-page{padding:32px 24px 80px;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center}.contact-us-container{width:100%}.owner-dashboard-page{padding:32px 24px 80px}.dashboard-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.dashboard-header-banner{padding:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.dashboard-header-banner h1{font-size:1.8rem;font-weight:800}.dashboard-header-banner p{color:var(--text-secondary);font-size:.95rem}.post-new-room-btn{background:var(--secondary);color:#0f172a;font-weight:800;font-size:.95rem;padding:12px 24px;border-radius:var(--border-radius-full);box-shadow:0 4px 14px var(--secondary-glow);transition:transform var(--transition-fast)}.post-new-room-btn:hover{background:var(--secondary-hover);transform:translateY(-2px)}.analytics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-4px)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:600}.dashboard-section{display:flex;flex-direction:column;gap:20px}.location-picker{padding:18px;display:flex;flex-direction:column;gap:12px}.picker-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.map-preview-box{position:relative;height:180px;background:var(--bg-secondary);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:crosshair;overflow:hidden}.map-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--bg-surface-hover) 1px,transparent 1px);background-size:16px 16px;opacity:.5}.map-pin-indicator{font-size:2.2rem;z-index:2;animation:bounce-pin 1s ease infinite alternate}@keyframes bounce-pin{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.map-instruction{font-size:.82rem;color:var(--text-muted);z-index:2;margin-top:4px}.coordinates-display{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.add-property-page{padding:32px 24px 80px;background:var(--bg-main, #f8fafc);min-height:calc(100vh - 140px)}.add-property-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.add-property-banner{background:linear-gradient(135deg,#004cb6,#002d6d);color:#fff;padding:28px 32px;border-radius:16px;box-shadow:0 10px 25px #004cb633;display:flex;flex-direction:column;gap:8px}.add-property-banner .back-btn{align-self:flex-start;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.add-property-banner .back-btn:hover{background:#ffffff4d;transform:translate(-2px)}.add-property-hero-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0}.add-property-hero-sub{font-size:.94rem;color:#ffffffe6;margin:0;line-height:1.5}@media(max-width:640px){.add-property-page{padding:16px 12px 60px}.add-property-banner{padding:20px 16px}.add-property-hero-title{font-size:1.3rem}.add-property-hero-sub{font-size:.86rem}}.roommates-page,.flatmates-page{padding:24px 24px 80px;min-height:calc(100vh - 70px)}.roommates-container,.flatmates-container{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.roommates-hero-banner,.flatmates-hero-banner{background:linear-gradient(135deg,#004cb6,#002e70)!important;color:#fff!important;padding:32px 28px;border-radius:var(--border-radius-lg, 16px);display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 30px #004cb640;border:1px solid rgba(255,255,255,.2)}.banner-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.banner-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:280px}.banner-title{font-size:2.2rem;font-weight:800;color:#fff!important;line-height:1.15;margin:0}.banner-subtitle{font-size:1rem;color:#e0f2fe!important;line-height:1.5;font-weight:500;margin:0}.create-post-hero-btn{background:#fbb801!important;color:#0f172a!important;border:none!important;font-size:.95rem;font-weight:800;padding:12px 24px;border-radius:var(--border-radius-full, 9999px);box-shadow:0 4px 16px #fbb80166;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.create-post-hero-btn:hover{background:#e5a700!important;transform:translateY(-2px);box-shadow:0 8px 24px #fbb80180}.create-post-hero-btn:active{transform:translateY(0)}.btn-sparkle{font-size:1.1rem}.roommate-filter-pills,.flatmate-filter-pills{display:flex;flex-wrap:wrap;gap:10px}.filter-pill-btn{background:#ffffff38!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important;font-size:.88rem;font-weight:700;padding:8px 18px;border-radius:var(--border-radius-full, 9999px);transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-pill-btn:hover{background:#ffffff59!important;border-color:#fff!important;transform:translateY(-1px)}.filter-pill-btn.active{background:#fff!important;color:#004cb6!important;border-color:#fff!important;font-weight:800;box-shadow:0 4px 14px #00000040;transform:scale(1.03)}.roommate-alert-toast,.flatmate-alert-toast{background:#dcfce7;border:1.5px solid #16a34a;color:#15803d;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:var(--border-radius-sm, 8px);text-align:center;box-shadow:0 2px 8px #0000000d;animation:toast-pop .3s ease}@keyframes toast-pop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.roommates-main-layout,.flatmates-main-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.roommates-main-layout,.flatmates-main-layout{grid-template-columns:320px 1fr;align-items:start}}.roommates-results-area,.flatmates-results-area{display:flex;flex-direction:column;gap:16px}.results-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-surface, #ffffff);border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-sm, 8px);font-size:.9rem;flex-wrap:wrap;gap:12px}.results-count-text{color:#334155;white-space:nowrap}.results-count-text strong{color:#004cb6;font-weight:800}.results-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort-select-dropdown{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:.84rem;font-weight:700;color:#0f172a;outline:none;cursor:pointer}.sort-select-dropdown:focus{border-color:#004cb6}.view-mode-toggle-group{display:inline-flex;background:#e2e8f0;padding:3px;border-radius:8px;gap:2px}.view-toggle-btn{background:transparent;border:none;font-size:.82rem;font-weight:700;color:#475569;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.view-toggle-btn.active{background:#fff;color:#004cb6;font-weight:800;box-shadow:0 1px 4px #0000001a}.active-pref-pill{background:#dbeafe;color:#1e40af;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:12px}.active-budget-pill{background:#fee2e2;color:#991b1b;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:12px}.create-post-inline-btn{background:#fbb801;color:#0f172a;border:none;font-size:.82rem;font-weight:800;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .2s ease}.create-post-inline-btn:hover{background:#e5a700}.roommates-grid,.flatmates-grid{display:grid;grid-template-columns:1fr;gap:20px}.roommates-grid.list-mode,.flatmates-grid.list-mode{grid-template-columns:1fr!important}@media(min-width:640px){.roommates-grid:not(.list-mode),.flatmates-grid:not(.list-mode){grid-template-columns:repeat(2,1fr)}}@media(min-width:1250px){.roommates-grid:not(.list-mode),.flatmates-grid:not(.list-mode){grid-template-columns:repeat(3,1fr)}}@media(min-width:1650px){.roommates-grid:not(.list-mode),.flatmates-grid:not(.list-mode){grid-template-columns:repeat(4,1fr)}}.no-roommates-empty-state,.no-flatmates-empty-state{grid-column:1 / -1;background:var(--bg-surface, #ffffff);border:1px solid rgba(0,76,182,.12);border-radius:var(--border-radius-md, 16px);padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:var(--text-muted, #64748b)}.empty-icon{font-size:3rem}.empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.reset-empty-btn,.create-empty-btn{background:#fbb801;color:#0f172a;border:none;padding:10px 22px;border-radius:var(--border-radius-sm, 8px);font-weight:800;font-size:.9rem;cursor:pointer;transition:background .2s ease}.reset-empty-btn:hover,.create-empty-btn:hover{background:#e5a700}.profile-page{min-height:calc(100vh - 70px);background:#f8fafc!important;color:#0f172a!important;padding:1.5rem 1.25rem 5rem}.profile-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 16px #004cb60f!important}.profile-toast{padding:.95rem 1.4rem;border-radius:12px;font-size:.92rem;font-weight:700;animation:slideDown .3s ease;box-shadow:0 4px 14px #0000001a}.profile-toast.success{background:#dcfce7!important;border:1.5px solid #16a34a!important;color:#15803d!important}.profile-toast.error{background:#fee2e2!important;border:1.5px solid #dc2626!important;color:#991b1b!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-not-logged-in{max-width:480px;margin:4rem auto;text-align:center;padding:3rem 2rem}.profile-lock-icon{font-size:3.5rem;display:block;margin-bottom:1rem}.profile-not-logged-in h2{color:#0f172a!important;font-size:1.6rem;margin-bottom:.5rem;font-weight:800}.profile-not-logged-in p{color:#64748b!important;font-size:.95rem;margin-bottom:2rem}.profile-auth-btns{display:flex;gap:.75rem;justify-content:center}.profile-login-btn,.profile-signup-btn{padding:.75rem 1.6rem;border-radius:10px;font-size:.95rem;font-weight:800;cursor:pointer;border:none;transition:all .2s ease}.profile-login-btn{background:#004cb6!important;color:#fff!important}.profile-signup-btn{background:#fbb801!important;color:#0f172a!important}.profile-login-btn:hover,.profile-signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.profile-header-card{padding:2rem 2.2rem;background:linear-gradient(135deg,#004cb6,#002e70)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;box-shadow:0 8px 30px #004cb640!important;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;color:#fff!important}.profile-user-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:280px}.profile-avatar-circle{position:relative;width:80px;height:80px;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #FBB801}.avatar-initials{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fff,#e2e8f0)!important;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#004cb6!important;border:3px solid #FBB801;box-shadow:0 4px 12px #0003}.profile-status-online{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#22c55e;border-radius:50%;border:2.5px solid #002e70}.profile-user-details{display:flex;flex-direction:column;gap:.4rem}.profile-name-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.profile-user-name{font-size:1.65rem;font-weight:800;color:#fff!important;margin:0;letter-spacing:-.3px}.profile-role-badge{padding:.3rem .9rem;border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:.3px;white-space:nowrap}.profile-role-badge.owner{background:#fbb801!important;color:#0f172a!important}.profile-role-badge.tenant{background:#fff3!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important}.profile-contact-row{display:flex;gap:1.2rem;flex-wrap:wrap}.contact-item{font-size:.92rem;color:#e0f2fe!important;font-weight:600}.profile-uuid-pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:.2rem;padding:.35rem .85rem;background:#00000040!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px;max-width:fit-content}.uuid-tag{font-size:.76rem;font-weight:800;color:#fbb801!important}.uuid-text{font-family:monospace;font-size:.82rem;color:#e0f2fe!important;font-weight:700}.uuid-mini-copy{background:#fbb801!important;border:none!important;color:#0f172a!important;font-size:.85rem;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 6px #0003}.uuid-mini-copy:hover{background:#fff!important;transform:scale(1.08)}.uuid-mini-copy.copied{background:#22c55e!important;color:#fff!important}.profile-header-actions{display:flex;gap:.75rem;flex-shrink:0}.profile-edit-btn,.profile-logout-btn{padding:.7rem 1.3rem;border-radius:10px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none}.profile-edit-btn{background:#fbb801!important;color:#0f172a!important}.profile-edit-btn:hover{background:#e5a700!important;transform:translateY(-2px);box-shadow:0 6px 20px #fbb80166}.profile-logout-btn{background:#ffffff2e!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important}.profile-logout-btn:hover{background:#ffffff4d!important;transform:translateY(-2px)}.profile-location-info-row{font-size:.88rem;color:#e0f2fe!important;font-weight:600;margin-top:.15rem}.profile-edit-form{padding:1.6rem 2rem;background:#fff!important;border:1.5px solid #004CB6!important;animation:slideDown .3s ease}.edit-form-title{font-size:1.2rem;font-weight:800;color:#004cb6!important;margin:0 0 1rem}.edit-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem}.edit-form-field.full-width{grid-column:1 / -1}.edit-form-field{display:flex;flex-direction:column;gap:.4rem}.edit-form-field label{font-size:.85rem;font-weight:700;color:#334155!important}.edit-form-field input,.edit-form-field select{padding:.7rem .95rem;border-radius:8px;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;color:#0f172a!important;font-size:.92rem;outline:none}.edit-form-field input:focus,.edit-form-field select:focus{border-color:#004cb6!important;background:#fff!important}.phone-prefix-input-group{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1.5px solid #cbd5e1;background:#f8fafc;transition:border-color .2s}.phone-prefix-input-group:focus-within{border-color:#004cb6;background:#fff}.phone-fixed-prefix{background:#e2e8f0!important;color:#0f172a!important;font-weight:800;font-size:.92rem;padding:.7rem .9rem;border-right:1.5px solid #cbd5e1;-webkit-user-select:none;user-select:none;white-space:nowrap}.phone-digits-input{flex:1;border:none!important;background:transparent!important;padding:.7rem .95rem;font-size:.92rem;color:#0f172a!important;outline:none}.phone-prefix-input-group.invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262626!important}.field-error-msg{color:#dc2626!important;font-size:.82rem;font-weight:700;margin-top:.35rem;display:block}.edit-form-buttons{display:flex;justify-content:flex-end;gap:.75rem}.btn-cancel,.btn-save{padding:.65rem 1.3rem;border-radius:8px;font-size:.88rem;font-weight:800;cursor:pointer;border:none;transition:all .2s}.btn-cancel{background:#e2e8f0!important;color:#475569!important}.btn-cancel:hover{background:#cbd5e1!important;color:#0f172a!important}.btn-save{background:#004cb6!important;color:#fff!important}.btn-save:hover{background:#003682!important;box-shadow:0 4px 16px #004cb64d}.profile-tabs-bar{display:flex;gap:.5rem;padding:.5rem;background:#fff!important;border:1px solid #e2e8f0!important;overflow-x:auto}.tab-btn{flex:1;min-width:140px;padding:.8rem 1.1rem;border-radius:10px;background:transparent!important;border:none;color:#475569!important;font-size:.92rem;font-weight:800;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.55rem;white-space:nowrap}.tab-btn:hover{color:#004cb6!important;background:#f1f5f9!important}.tab-btn.active{background:#004cb6!important;color:#fff!important;box-shadow:0 4px 16px #004cb640!important}.tab-count-badge{background:#e2e8f0!important;color:#334155!important;font-size:.78rem;padding:.15rem .55rem;border-radius:10px;font-weight:800}.tab-btn.active .tab-count-badge{background:#fbb801!important;color:#0f172a!important}.profile-tab-content{display:flex;flex-direction:column}.pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.pane-header h2{font-size:1.35rem;font-weight:800;color:#0f172a!important;margin:0}.post-ad-btn{padding:.65rem 1.3rem;border-radius:10px;background:#fbb801!important;border:none;color:#0f172a!important;font-size:.88rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #fbb8014d}.post-ad-btn:hover{background:#e5a700!important;transform:translateY(-2px);box-shadow:0 6px 20px #fbb80166}.profile-loading{text-align:center;padding:4rem 1rem;color:#64748b!important}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#004cb6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.profile-empty-state{text-align:center;padding:3.8rem 2rem;background:#fff!important;border:1px solid #e2e8f0!important}.empty-icon{font-size:3.5rem;display:block;margin-bottom:1rem}.profile-empty-state h3{color:#0f172a!important;font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.profile-empty-state p{color:#64748b!important;font-size:.95rem;margin-bottom:1.6rem}.empty-cta-btn{padding:.75rem 1.6rem;border-radius:10px;background:#004cb6!important;border:none;color:#fff!important;font-size:.92rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #004cb640}.empty-cta-btn:hover{background:#003682!important;transform:translateY(-2px);box-shadow:0 6px 20px #004cb659}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.listing-card,.roommate-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.listing-card:hover,.roommate-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #004cb61f!important;border-color:#cbd5e1!important}.lc-photo-wrap{position:relative;height:155px;background:#f1f5f9}.lc-photo{width:100%;height:100%;object-fit:cover}.lc-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#f1f5f9}.lc-purpose-badge{position:absolute;top:10px;left:10px;padding:.28rem .7rem;border-radius:6px;font-size:.74rem;font-weight:800;text-transform:uppercase}.lc-purpose-badge.pg{background:#fbb801;color:#0f172a}.lc-purpose-badge.rent{background:#004cb6;color:#fff}.lc-purpose-badge.sale{background:#8b5cf6;color:#fff}.lc-info{padding:1rem 1.1rem .6rem;flex:1;display:flex;flex-direction:column;gap:.35rem}.lc-title{font-size:1rem;font-weight:800;color:#0f172a!important;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-location{font-size:.84rem;color:#64748b!important;margin:0}.lc-price{font-size:1.15rem;font-weight:800;color:#004cb6!important;margin:.2rem 0 0}.lc-price span{font-size:.78rem;font-weight:500;color:#64748b!important}.roommate-card{padding:1.25rem;gap:.85rem}.rc-header{display:flex;align-items:center;gap:.85rem}.rc-avatar{width:46px;height:46px;border-radius:50%;background:#e0edff!important;border:1.5px solid #93c5fd;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.rc-title{font-size:1.05rem;font-weight:800;color:#0f172a!important;margin:0 0 .15rem}.rc-city{font-size:.82rem;color:#64748b!important}.rc-body{flex:1;display:flex;flex-direction:column;gap:.4rem}.rc-budget{font-size:.92rem;color:#334155!important;margin:0}.rc-budget strong{color:#004cb6!important}.rc-bio{font-size:.85rem;color:#64748b!important;font-style:italic;margin:0}.lc-actions{display:flex;gap:.6rem;padding:.8rem 1.1rem;border-top:1px solid #f1f5f9}.btn-action{flex:1;padding:.55rem;border-radius:8px;font-size:.86rem;font-weight:800;cursor:pointer;border:none;transition:all .2s}.btn-action.view{background:#e0edff!important;border:1px solid #93c5fd!important;color:#004cb6!important}.btn-action.view:hover{background:#004cb6!important;color:#fff!important}.btn-action.delete{background:#fee2e2!important;border:1px solid #fca5a5!important;color:#dc2626!important}.btn-action.delete:hover:not(:disabled){background:#dc2626!important;color:#fff!important}.btn-action.delete.deleting{opacity:.6;cursor:not-allowed}@media(max-width:640px){.profile-header-card{flex-direction:column;align-items:flex-start}.profile-header-actions{width:100%}.profile-edit-btn,.profile-logout-btn{flex:1;text-align:center}.listings-grid{grid-template-columns:1fr}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.error-boundary-card{max-width:480px;width:100%;padding:36px;text-align:center;border:1px solid var(--accent-rose)}.error-icon{font-size:3.5rem;margin-bottom:16px}.error-boundary-card h2{font-size:1.5rem;margin-bottom:12px}.error-message{color:var(--accent-rose);font-family:monospace;background:#f43f5e1a;padding:10px;border-radius:var(--border-radius-sm);margin-bottom:12px;word-break:break-word}.error-subtext{color:var(--text-muted);font-size:.88rem;margin-bottom:24px}.error-reload-btn{background:var(--primary);color:#fff;padding:12px 24px;border-radius:var(--border-radius-sm);font-weight:600;transition:opacity var(--transition-fast)}.error-reload-btn:hover{opacity:.9}:root{--primary: #004CB6;--primary-hover: #003682;--primary-glow: rgba(0, 76, 182, .18);--secondary: #FBB801;--secondary-hover: #e0a300;--secondary-glow: rgba(251, 184, 1, .25);--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-glass: rgba(255, 255, 255, .92);--bg-glass-border: rgba(0, 76, 182, .12);--accent-cyan: #0284c7;--accent-emerald: #16a34a;--accent-amber: #d97706;--accent-rose: #e11d48;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border-radius-sm: 10px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 76, 182, .06);--shadow-md: 0 8px 24px rgba(0, 76, 182, .1);--shadow-glow: 0 0 25px var(--primary-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:1rem}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#002e70 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-box{box-shadow:var(--shadow-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.view-mode-toggle-group{display:inline-flex;align-items:center;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;padding:2px;gap:2px}.view-toggle-btn{background:transparent;border:none;padding:5px 12px;border-radius:6px;font-weight:700;font-size:.82rem;color:#64748b;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:4px}.view-toggle-btn.active{background:#fff;color:#004cb6;font-weight:800;box-shadow:0 2px 6px #0000001f}.view-toggle-btn:hover:not(.active){color:#0f172a;background:#ffffff80}.sort-select-dropdown{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a;font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:8px;cursor:pointer;outline:none;transition:all .18s ease;height:34px}.sort-select-dropdown:hover,.sort-select-dropdown:focus{border-color:#004cb6;box-shadow:0 0 0 3px #004cb61f}