.header-notification-bell-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.header-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid #e2e8f0;background-color:#fff;color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.header-bell-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#004cb6;transform:translateY(-1px)}.header-bell-btn.active{background-color:#eff6ff;border-color:#004cb6;color:#004cb6;box-shadow:0 0 0 3px #004cb61f}.bell-icon-svg{width:20px;height:20px;transition:transform .2s ease}.header-bell-btn:hover .bell-icon-svg{transform:rotate(8deg)}.bell-unread-badge{position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;line-height:1;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #dc262666;border:2px solid #ffffff;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.notification-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-width:92vw;background:#fff;border-radius:16px;box-shadow:0 20px 40px -15px #00000026,0 0 0 1px #0000000f;z-index:1100;overflow:hidden;animation:dropdown-fade-in .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #f1f5f9;background:#fafafa}.notification-header-title-box{display:flex;align-items:center;gap:8px}.notification-header-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.notification-unread-chip{background:#fee2e2;color:#dc2626;font-size:11px;font-weight:700;padding:2px 7px;border-radius:9999px}.mark-all-read-btn{background:none;border:none;color:#004cb6;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.mark-all-read-btn:hover{background-color:#eff6ff;color:#003785}.notification-list-body{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.notification-list-body::-webkit-scrollbar{width:6px}.notification-list-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.notification-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background-color .15s ease}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e6f0fa}.notification-icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 1px 3px #0000000d}.notification-icon-wrap.type-message{background-color:#e0e7ff}.notification-icon-wrap.type-connect_request{background-color:#dbeafe}.notification-icon-wrap.type-connect_accepted{background-color:#dcfce7}.notification-icon-wrap.type-connect_declined{background-color:#fee2e2}.notification-icon-wrap.type-visit_scheduled{background-color:#fef3c7}.notification-icon-wrap.type-system{background-color:#f1f5f9}.notification-content{flex:1;min-width:0}.notification-item-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:3px}.notification-item-title{font-size:13.5px;font-weight:600;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item.unread .notification-item-title{color:#0f172a;font-weight:700}.notification-time-ago{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.notification-item-message{font-size:12.5px;color:#475569;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item.unread .notification-item-message{color:#334155}.notification-item-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:4px}.unread-dot{width:8px;height:8px;border-radius:50%;background-color:#004cb6;box-shadow:0 0 0 2px #004cb633}.dismiss-item-btn{opacity:0;background:none;border:none;color:#94a3b8;font-size:14px;line-height:1;padding:4px;cursor:pointer;border-radius:4px;transition:all .15s ease}.notification-item:hover .dismiss-item-btn{opacity:1}.dismiss-item-btn:hover{color:#ef4444;background-color:#fee2e2}.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center}.empty-icon-wrap{font-size:38px;margin-bottom:10px;opacity:.85}.empty-title{font-size:14px;font-weight:700;color:#334155;margin:0 0 4px}.empty-subtitle{font-size:12px;color:#64748b;margin:0;max-width:240px}.notification-dropdown-footer{padding:10px 16px;border-top:1px solid #f1f5f9;background:#fafafa;text-align:center}.clear-notifications-footer-btn{background:none;border:none;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;transition:all .15s ease}.clear-notifications-footer-btn:hover:not(:disabled){background-color:#fee2e2;color:#dc2626}.clear-notifications-footer-btn:disabled{opacity:.45;cursor:not-allowed}.notif-actions-row{display:flex;align-items:center;gap:8px;margin-top:8px}.notif-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;border:none}.notif-btn-accept{background:#16a34a;color:#fff;box-shadow:0 1px 3px #16a34a40}.notif-btn-accept:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.notif-btn-decline{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.notif-btn-decline:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#fca5a5}.notif-btn:disabled{opacity:.6;cursor:not-allowed}.notif-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;margin-top:6px}.notif-status-badge.accepted{background-color:#dcfce7;color:#15803d}.notif-status-badge.declined{background-color:#fee2e2;color:#b91c1c}.notif-quick-chat-btn{margin-left:8px;background:#004cb6;color:#fff;border:none;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.notif-quick-chat-btn:hover{background:#003785}@media(max-width:480px){.notification-dropdown-menu{right:-50px;width:320px}}.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:1750px;width:96%;margin:0 auto;padding:6px 16px;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 8px;transition:all var(--transition-fast)}.location-selector-wrapper:hover{border-color:var(--primary);background:#fff}.location-pin-icon{font-size:.8rem;line-height:1}.location-select-dropdown{background:transparent;border:none;outline:none;font-size:.82rem!important;font-weight:700;color:var(--text-primary);cursor:pointer;padding:0;margin:0}.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:flex;align-items:center;background:#fff;border:1.5px solid rgba(0,76,182,.18);border-radius:var(--border-radius-full);padding:2px 3px 2px 8px;box-shadow:0 2px 6px #004cb60a;transition:all var(--transition-fast);height:36px;width:190px;max-width:100%;box-sizing:border-box;overflow:hidden;flex-shrink:1}.header-half-search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);width:215px}.compact-search-icon{font-size:.85rem;margin-right:4px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;line-height:1;height:100%;flex-shrink:0}.header-compact-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.82rem;color:var(--text-primary);min-width:30px;height:100%;padding:0 4px 0 0;margin:0;line-height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-compact-search-input::placeholder{color:var(--text-muted)}.header-compact-search-btn{background:#fbb801;color:#0f172a;font-weight:800;font-size:.74rem;padding:0 10px;height:30px;border-radius:var(--border-radius-full);transition:background var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1;border:none;cursor:pointer;flex-shrink:0;white-space:nowrap;-webkit-appearance:none}.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:.8rem;color:#fff;background:#004cb6;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;box-shadow:0 2px 5px #004cb659}.profile-icon-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eff6ff;color:#004cb6;border:1px solid #bfdbfe;flex-shrink:0}.profile-icon-avatar svg{color:#004cb6;stroke:#004cb6}.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}.header-menu-dropdown-container{position:relative}.header-merged-menu-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid rgba(0,76,182,.22);border-radius:var(--border-radius-full, 9999px);padding:4px 10px 4px 12px;height:38px;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-merged-menu-btn:hover,.header-merged-menu-btn.active{border-color:#004cb6;background:#eff6ff;color:#004cb6;box-shadow:0 4px 14px #004cb62e;transform:translateY(-1px)}.menu-toggle-icon-box{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.svg-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:#334155;transition:color .2s ease}.header-merged-menu-btn:hover .svg-icon-wrap,.header-merged-menu-btn.active .svg-icon-wrap{color:#004cb6}.logged-out-profile-symbol{font-size:1.15rem;line-height:1}.header-unified-dropdown-menu,.header-dash-dropdown-menu,.header-profile-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:250px;background:#fff;border:1px solid rgba(0,76,182,.15);border-radius:14px;box-shadow:0 12px 36px #00000024,0 4px 12px #004cb60f;padding:12px;display:flex;flex-direction:column;gap:6px;z-index:1000;transform-origin:top right;animation:dropdown-smooth-pop .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes dropdown-smooth-pop{0%{opacity:0;transform:scale(.94) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.header-auth-main-btn{width:100%;padding:10px;background:#fbb801;color:#0f172a;border:none;border-radius:var(--border-radius-sm, 8px);font-size:.88rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-auth-main-btn:hover{background:#e5a700;transform:translateY(-1px)}.dash-menu-categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 0 6px}.dash-cat-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:.82rem;font-weight:700;color:#334155;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dash-cat-btn:hover{background:#eff6ff;border-color:#004cb6;color:#004cb6}.dash-cat-btn.active{background:#004cb6!important;color:#fff!important;border-color:#004cb6!important;box-shadow:0 2px 6px #004cb640}.dash-menu-header-bar{padding:4px 6px 8px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.dash-menu-title{font-size:.8rem;font-weight:800;color:#004cb6;text-transform:uppercase;letter-spacing:.05em}.dash-menu-top-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.dash-row-item{justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);padding:8px 6px;font-size:.84rem;font-weight:700}.dash-row-item:hover{background:#eff6ff;border-color:#004cb6;color:#004cb6}.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)}.header-category-subbar{display:none;background:#004cb6;border:none!important;outline:none!important;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 4px 10px #004cb633;margin:0;width:100%;box-sizing:border-box}.header-category-subbar::-webkit-scrollbar{display:none}.category-pills-wrapper-mobile{display:flex;align-items:center;gap:8px;width:100%}.category-pill-btn-mobile{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--border-radius-full);font-size:.82rem;font-weight:700;background:#ffffff2e;color:#fff;border:1.5px solid rgba(255,255,255,.35);transition:all var(--transition-bounce);cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.category-pill-btn-mobile:hover{background:#ffffff4d;border-color:#fff;color:#fff}.category-pill-btn-mobile.active{background:#fbb801!important;color:#0f172a!important;border-color:#fbb801!important;font-weight:800;box-shadow:0 3px 10px #fbb80166;transform:scale(1.02)}@media(max-width:1024px){.app-header{border-bottom:none!important;box-shadow:none!important;width:100%;max-width:100vw;box-sizing:border-box}.header-container{width:100%;max-width:100%;padding:6px 12px;gap:8px;box-sizing:border-box}.header-circular-icon-btn,.header-middle-group{display:none!important}.header-category-subbar{display:flex;width:100%;max-width:100vw;box-sizing:border-box}}@media(max-width:768px){.standalone-home-btn{display:none!important}.header-container{padding:4px 8px;height:56px;gap:6px}.header-left-group{gap:4px;min-width:0;flex-shrink:0}.header-right-group{gap:6px;flex:1;justify-content:flex-end;min-width:0}.header-half-search-form{display:flex!important;width:155px;height:34px;padding:2px 3px 2px 7px;flex-shrink:1}.header-half-search-form:focus-within{width:175px}.header-compact-search-input{font-size:.8rem!important;line-height:30px;min-width:40px}.header-compact-search-btn{padding:0 10px;height:28px;font-size:.76rem;font-weight:800;white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.brand-logo-img{height:34px;max-width:85px}.location-selector-wrapper{padding:2px 4px;max-width:100px;gap:2px}.location-select-dropdown{font-size:.78rem!important;max-width:70px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-merged-menu-btn{height:34px;padding:2px 7px;gap:4px;flex-shrink:0}}@media(max-width:380px){.header-container{padding:4px;gap:4px}.brand-logo-img{height:30px;max-width:75px}.location-selector-wrapper{max-width:80px;padding:1px 2px}.location-select-dropdown{font-size:.72rem!important;max-width:55px}.header-half-search-form{width:140px;height:32px;padding:1px 2px 1px 5px}.header-half-search-form:focus-within{width:155px}.header-compact-search-btn{padding:0 8px;height:26px;font-size:.72rem}.compact-search-icon{font-size:.7rem;margin-right:2px}.header-merged-menu-btn{height:32px;padding:2px 5px;gap:3px}}@media(max-width:330px){.location-selector-wrapper{display:none!important}.brand-logo-img{height:30px}}.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:1750px;width:96%;margin:0 auto;padding:48px 16px 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:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);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:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);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:#fff;border:1px solid #e2e8f0;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}.unified-auth-container{width:100%;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:center;padding:24px 16px;box-sizing:border-box}.unified-auth-card{max-width:450px;width:100%;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 20px 45px -12px #0f172a1f,0 4px 16px #0f172a0a!important;padding:28px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;animation:authCardFadeIn .25s ease-out}@keyframes authCardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.auth-logo-badge{display:inline-flex;align-items:center;gap:6px;background:#004cb614;color:#004cb6;font-size:.82rem;font-weight:800;padding:4px 14px;border-radius:20px;letter-spacing:.3px}.auth-main-title{font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin:4px 0 0}.auth-main-subtitle{font-size:.86rem;color:#64748b;margin:0;line-height:1.35}.auth-error-banner{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:10px;font-size:.86rem;font-weight:600;text-align:center}.auth-success-banner{background:#f0fdf4;border:1.5px solid #86efac;color:#166534;padding:10px 14px;border-radius:10px;font-size:.86rem;font-weight:600;text-align:center}.google-auth-btn{width:100%;height:44px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.92rem;font-weight:700;color:#334155;cursor:pointer;transition:all .2s ease}.google-auth-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.google-icon-svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;text-align:center;margin:2px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 10px;font-size:.72rem;font-weight:800;color:#94a3b8;letter-spacing:.5px}.tab-pane-content,.auth-form-body{display:flex;flex-direction:column;gap:12px}.login-mode-pills{display:flex;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;padding:3px;border-radius:9px}.mode-pill{flex:1;padding:6px;font-size:.8rem;font-weight:600;color:#64748b;border:none;background:transparent;border-radius:7px;cursor:pointer}.mode-pill.active{background:#fff;color:#004cb6;font-weight:700;box-shadow:0 2px 6px #0000000f}.auth-primary-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}.auth-primary-btn:hover:not(:disabled){background:#e5a700!important;transform:translateY(-1px);box-shadow:0 6px 18px #fbb80180!important}.role-selector-group{display:flex;flex-direction:column;gap:4px}.role-group-label{font-size:.8rem;font-weight:700;color:#334155}.role-pill-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f8fafc;padding:4px;border-radius:10px;border:1px solid #e2e8f0}.role-pill{padding:8px 10px;font-size:.82rem;font-weight:600;color:#475569;border-radius:8px;border:none;background:transparent;cursor:pointer}.role-pill.active{background:#004cb6;color:#fff;font-weight:700}.name-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-phone-wrapper{display:flex;flex-direction:column;gap:4px}.custom-phone-label{font-size:.82rem;font-weight:700;color:#334155}.star-red{color:#ef4444}.phone-field-box{display:flex;align-items:center;height:40px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.phone-field-box:focus-within{border-color:#004cb6;box-shadow:0 0 0 3px #004cb61f}.phone-prefix-badge{background:#f1f5f9;padding:0 10px;height:100%;display:flex;align-items:center;font-size:.84rem;font-weight:700;color:#334155;border-right:1px solid #e2e8f0}.phone-native-input{flex:1;height:100%;border:none;outline:none;padding:0 10px;font-size:.9rem;color:#0f172a}.auth-card-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.86rem;color:#64748b;margin-top:4px}.switch-tab-link{background:transparent;border:none;color:#004cb6;font-weight:800;cursor:pointer;font-size:.86rem;padding:0;text-decoration:underline}.switch-tab-link:hover{color:#003785}.text-link-btn{background:transparent;border:none;color:#004cb6;font-weight:700;font-size:.82rem;cursor:pointer;padding:4px 0;text-align:center}.text-link-btn.secondary{color:#64748b}.otp-verify-step{text-align:center;gap:14px}.otp-step-header h3{margin:4px 0;font-size:1.3rem;color:#0f172a}.otp-step-header p{color:#64748b;font-size:.86rem;margin:0}.otp-badge-icon{font-size:2rem}.otp-code-control{width:100%;height:48px;text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:10px;border:2px solid #cbd5e1;border-radius:10px;outline:none}.otp-code-control:focus{border-color:#004cb6;box-shadow:0 0 0 3px #004cb626}.otp-action-row,.otp-footer-links{display:flex;flex-direction:column;gap:6px;align-items:center}.login-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:32px 16px}.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}.card-footer-actions-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:5px;margin-top:8px;align-items:stretch}.prop-card-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 6px;border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-align:center;border:1px solid transparent}.message-action-btn{background:#f0f7ff;color:#004cb6;border-color:#bae6fd}.message-action-btn:hover{background:#004cb6;color:#fff;border-color:#004cb6;box-shadow:0 2px 6px #004cb640}.connect-action-btn{background:#004cb6;color:#fff;border-color:#004cb6;box-shadow:0 2px 4px #004cb633}.connect-action-btn:hover{background:#003a8c;box-shadow:0 4px 10px #004cb659}.connect-action-btn.cancel-mode{background:#fff1f2;color:#e11d48;border-color:#fda4af;box-shadow:0 1px 3px #e11d4826}.connect-action-btn.cancel-mode:hover{background:#e11d48;color:#fff;border-color:#e11d48;box-shadow:0 3px 8px #e11d484d}.connect-action-btn.connected-mode{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.connect-action-btn.connected-mode:hover{background:#059669;color:#fff}.visit-action-btn{background:#fbb801;color:#0f172a;border-color:#fbb801;box-shadow:0 2px 4px #fbb80140}.visit-action-btn:hover{background:#e5a700;border-color:#e5a700;box-shadow:0 4px 10px #fbb80166}.list-actions-vertical-group{display:flex;flex-direction:column;gap:8px;width:100%}.list-actions-vertical-group .prop-card-action-btn{padding:7px 12px;font-size:.8rem;width:100%}.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.clickable{cursor:pointer}.roommate-card.grid-view-card,.flatmate-card.grid-view-card{padding:14px 16px;display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box}.card-header-row,.flatmate-card-header{display:flex;align-items:flex-start;gap:12px;width:100%}.roommate-avatar-wrapper,.flatmate-avatar-wrapper{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:50%}.roommate-avatar-img,.flatmate-avatar-img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #004CB6;box-shadow:0 2px 8px #004cb61f;display:block}.online-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;z-index:2}.online-status-dot.online{background:#16a34a;box-shadow:0 0 5px #16a34acc}.online-status-dot.offline{background:#94a3b8}.header-meta,.flatmate-main-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.name-score-line,.flatmate-name-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.roommate-name-age,.flatmate-name-age{font-size:1rem;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.2}.match-score-badge{font-size:.7rem;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;padding:2px 7px;border-radius:16px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.occupation-line,.flatmate-occupation{font-size:.82rem;color:#334155;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-line{font-size:.76rem;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:.7rem;font-weight:700;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:1px 6px;border-radius:4px;margin-top:2px;width:fit-content}.locality-budget-slot{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.locality-subslot{display:flex;align-items:flex-start;gap:5px;font-size:.8rem;color:#475569;line-height:1.3}.subslot-icon{font-size:.88rem;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:6px;border-top:1px dashed #cbd5e1}.budget-text{font-size:1.08rem;font-weight:900;color:#004cb6;letter-spacing:-.3px}.budget-text small{font-size:.72rem;color:#64748b;font-weight:600;margin-left:2px}.movein-text{font-size:.74rem;font-weight:700;color:#334155;background:#e2e8f0;padding:2px 7px;border-radius:6px;white-space:nowrap}.card-bio-box{background:#eff6ff;border-left:3px solid #004CB6;padding:6px 10px;border-radius:0 8px 8px 0;font-size:.82rem;color:#334155;font-style:italic;line-height:1.35;min-height:auto}.bio-text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.card-tags-slot,.flatmate-tags-grid{display:flex;flex-wrap:wrap;gap:4px;min-height:auto;align-content:flex-start}.tag-pill,.flatmate-tag-pill{font-size:.72rem;font-weight:600;background:#f1f5f9;color:#334155;padding:3px 8px;border-radius:6px;border:1px solid #e2e8f0;white-space:nowrap}.card-footer-actions,.flatmate-card-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}.action-btn{flex:1;padding:7px 10px;border-radius:6px;font-weight:800;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px;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)}.cancel-btn{background:#fff1f2;color:#e11d48;border:1.5px solid #fda4af;box-shadow:0 2px 6px #e11d4826}.cancel-btn:hover{background:#e11d48;color:#fff;border-color:#e11d48;transform:translateY(-1px)}.connected-btn{background:#ecfdf5;color:#059669;border:1.5px solid #a7f3d0}.connected-btn:hover{background:#059669;color:#fff}.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:1px solid rgba(0,76,182,.25);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:#fff;border:1px solid #e2e8f0;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}.media-uploader{display:flex;flex-direction:column;gap:12px}.uploader-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.uploader-label{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.uploader-quick-actions{display:flex;gap:8px}.quick-action-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--bg-subtle, #f1f5f9);border-color:var(--primary, #004cb6);color:var(--primary, #004cb6);transform:translateY(-1px)}.quick-action-btn.camera-btn{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.quick-action-btn.camera-btn:hover{background:#dbeafe}.uploader-help-hint{font-size:.76rem;color:#0284c7;font-weight:600}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}@media(max-width:480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}@media(max-width:330px){.media-grid{grid-template-columns:1fr;gap:10px}}.media-item-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.media-item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #00000014}.media-thumbnail-container{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0f172a;cursor:pointer}.media-thumbnail-container:hover .media-thumbnail{transform:scale(1.04)}.media-thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.media-room-badge{position:absolute;top:6px;left:6px;background:#0f172ad9;color:#f8fafc;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.2);z-index:2;box-shadow:0 2px 6px #0000004d}.media-click-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s ease;pointer-events:none}.media-thumbnail-container:hover .media-click-hint{opacity:1}.media-type-badge{position:absolute;bottom:6px;left:6px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.media-type-badge.video-badge{background:#e11d48d9;border:1px solid rgba(255,255,255,.3);font-weight:700}.media-comment-box{padding:8px;background:#f8fafc;border-top:1px solid #f1f5f9}.room-preset-select{width:100%;font-size:.78rem;font-weight:700;color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:6px 8px;cursor:pointer;outline:none;transition:all .2s ease}.room-preset-select:focus{border-color:#004cb6;box-shadow:0 0 0 2px #004cb626}.preview-lightbox-tag-bar{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;background:#1e293bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}.lightbox-tag-icon{font-size:.85rem;font-weight:700;color:#38bdf8;white-space:nowrap}.lightbox-preset-select{flex:1;background:#0f172ad9;border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;outline:none}.lightbox-preset-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.lightbox-preset-select option{background:#1e293b;color:#fff}.media-preview-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease}.preview-lightbox-card{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px #00000080}.preview-lightbox-video{max-width:100%;max-height:75vh;border-radius:12px;box-shadow:0 10px 30px #00000080;outline:none}.preview-close-btn{position:absolute;top:-44px;right:0;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.preview-close-btn:hover{background:#e11d48}.media-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#000000bf;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;border:none;transition:all .2s ease;z-index:2}.media-remove-btn:hover{background:#e11d48;transform:scale(1.1)}.upload-dropzone-box{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--bg-surface, #ffffff);border:2px dashed #cbd5e1;border-radius:10px;color:var(--text-muted, #64748b);gap:6px;transition:all .2s ease;cursor:pointer;padding:8px;text-align:center}.upload-dropzone-box:hover{border-color:var(--primary, #004cb6);background:#f8faff;color:var(--primary, #004cb6)}.upload-icon{font-size:1.6rem}.upload-text{font-size:.82rem;font-weight:700}.upload-subtext{font-size:.7rem;color:#94a3b8}.camera-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.camera-modal-card{position:relative;background:#0f172a;border-radius:16px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#1e293be6;border-bottom:1px solid rgba(255,255,255,.08)}.camera-mode-toggle{display:flex;background:#0f172a;padding:3px;border-radius:8px;gap:4px}.mode-btn{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:700;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s ease}.mode-btn.active{background:#004cb6;color:#fff;box-shadow:0 2px 8px #004cb666}.camera-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.camera-close-btn:hover{background:#e11d48}.camera-viewfinder-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-video-feed{width:100%;height:100%;object-fit:cover}.captured-preview-img,.captured-preview-video{width:100%;height:100%;object-fit:contain;background:#000}.recording-indicator{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;background:#e11d48d9;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rec-pulse{width:10px;height:10px;background:#fff;border-radius:50%;animation:pulseRec 1s infinite alternate}@keyframes pulseRec{0%{opacity:1}to{opacity:.3}}.camera-session-tray{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px 10px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;z-index:5}.tray-count-badge{font-size:.75rem;font-weight:700;color:#38bdf8;white-space:nowrap;padding-right:6px;border-right:1px solid rgba(255,255,255,.2)}.tray-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;border:1.5px solid #38bdf8;flex-shrink:0;animation:popIn .2s ease}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.camera-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;animation:snapFlash .25s ease-out forwards}@keyframes snapFlash{0%{opacity:.8}to{opacity:0}}.camera-modal-controls{padding:16px 20px;background:#1e293bf2;display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid rgba(255,255,255,.08)}.snap-shutter-btn{width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid #004cb6;color:#004cb6;font-size:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #004cb680;transition:all .2s ease}.snap-shutter-btn:hover{transform:scale(1.06);background:#f1f5f9}.record-shutter-btn{width:64px;height:64px;border-radius:50%;background:#e11d48;border:4px solid #ffffff;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #e11d4880;transition:all .2s ease}.record-shutter-btn.is-recording{border-radius:12px;animation:pulseRec 1s infinite alternate}.confirm-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.confirm-action-btn.btn-done-photos{background:#10b981;color:#fff;box-shadow:0 4px 14px #10b98166}.confirm-action-btn.btn-done-photos:hover{background:#059669;transform:translateY(-1px)}.confirm-action-btn.btn-retake{background:#ffffff26;color:#fff}.confirm-action-btn.btn-retake:hover{background:#ffffff40}.confirm-action-btn.btn-use{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98166}.confirm-action-btn.btn-use:hover{background:#059669}.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}.create-prop-modal-container{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:90vh;max-height:calc(90dvh - var(--safe-bottom) - var(--safe-top));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;-webkit-overflow-scrolling:touch}.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;padding-bottom:calc(8px + var(--safe-bottom))}.create-prop-modal-container{max-height:94vh;max-height:calc(94dvh - var(--safe-bottom) - var(--safe-top));border-radius:14px}.create-prop-modal-header{padding:14px 16px}.create-prop-modal-header .modal-title{font-size:1.05rem}.create-prop-modal-body{padding:14px}}@media(max-width:360px){.modal-backdrop{padding:4px}.create-prop-modal-container{max-height:96vh;max-height:calc(96dvh - var(--safe-bottom) - var(--safe-top));border-radius:10px}.create-prop-modal-body{padding:10px}}.home-portal-page{padding:0 0 calc(70px + var(--safe-bottom));min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px);display:flex;flex-direction:column;gap:36px;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.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:96%;max-width:1750px;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:96%;max-width:1550px;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:96%;max-width:1750px;margin:0 auto;padding:0 16px}.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}}.flatmates-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}@media(max-width:480px){.flatmates-showcase-grid{grid-template-columns:1fr;gap:14px}}@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:1024px){.home-hero-portal{padding:44px 20px 54px}.hero-main-title{font-size:clamp(2.1rem,4vw,2.6rem)}.hero-main-subtitle{font-size:1rem;margin-bottom:24px}.categories-grid{grid-template-columns:repeat(2,1fr)}.home-section-container{padding:0 16px}}@media(max-width:768px){.home-portal-page{gap:36px;padding-bottom:90px}.hero-main-title{font-size:clamp(1.75rem,6vw,2.2rem)}.hero-search-card{flex-direction:column;gap:12px;padding:14px}.search-divider{width:100%;height:1px}.hero-search-submit-btn{width:100%}.section-title{font-size:1.5rem}.owner-cta-card{flex-direction:column;text-align:center;padding:28px 18px}.owner-cta-buttons{justify-content:center;width:100%}.cta-post-ad-btn,.cta-dashboard-btn{width:100%}.big-illustration-icon{display:none}}@media(max-width:480px){.home-hero-portal{padding:32px 14px 40px}.categories-grid{grid-template-columns:1fr}.category-card{padding:20px 16px}.category-card-title{font-size:1.1rem}}.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:1px solid #e2e8f0}.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:1px solid rgba(0,76,182,.25);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:#fff;border:1px solid #e2e8f0;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 20px 80px;min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.search-results-container{width:100%;max-width:1750px;margin:0 auto;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.properties-hero-banner{background:linear-gradient(135deg,#004cb6,#002e70)!important;color:#fff!important;padding:28px 24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 30px #004cb640;border:1px solid rgba(255,255,255,.2);width:100%;box-sizing:border-box}.banner-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.banner-title{font-size:2rem;font-weight:800;color:#fff!important;line-height:1.15}.banner-subtitle{font-size:.95rem;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:repeat(auto-fill,minmax(260px,1fr));gap:18px}@media(max-width:480px){.properties-grid{grid-template-columns:1fr;gap:14px}}.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}@media(max-width:1024px){.search-results-page{padding:16px 14px calc(80px + var(--safe-bottom))}.banner-title{font-size:1.75rem}.properties-main-layout{grid-template-columns:280px 1fr;gap:16px}}@media(max-width:899px){.properties-main-layout{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.search-results-page{padding:10px 10px calc(80px + var(--safe-bottom))}.properties-hero-banner{padding:18px 12px;border-radius:12px;gap:12px}.banner-title{font-size:1.35rem}.banner-subtitle{font-size:.82rem}.filter-pill-btn{font-size:.78rem;padding:6px 12px}.properties-grid{grid-template-columns:1fr;gap:14px}}.property-detail-page{padding:24px 16px 80px;background:var(--bg-primary, #f8fafc);min-height:calc(100vh - 140px)}.detail-container{max-width:1400px;margin:0 auto;width:96%;display:flex;flex-direction:column;gap:24px}.detail-toast-banner{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:var(--border-radius-md, 8px);font-size:.9rem;font-weight:700;box-shadow:0 10px 25px #0003;z-index:9999;animation:slide-up .3s ease}.detail-top-nav-bar{display:flex;justify-content:space-between;align-items:center}.back-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:.88rem;font-weight:700;padding:8px 16px;border-radius:9999px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f1f5f9;color:#004cb6;border-color:#004cb6}.detail-gallery-showcase{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:440px;gap:6px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 4px 16px #00000014}@media(max-width:850px){.detail-gallery-showcase{grid-template-columns:1fr;grid-template-rows:260px 200px}}.main-cover-photo-wrap{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden}.main-cover-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.main-cover-photo-wrap:hover .main-cover-photo{transform:scale(1.02)}.cover-image-label{position:absolute;top:14px;left:14px;font-size:.82rem;font-weight:600;font-style:italic;color:#555;z-index:3}.hero-photo-room-badge{position:absolute;bottom:14px;left:14px;background:#0f172ae0;color:#fff;font-size:.82rem;font-weight:700;padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;box-shadow:0 2px 8px #00000059;border:1px solid rgba(255,255,255,.2)}.lightbox-room-tag-pill{background:#0284c7;color:#fff;padding:4px 12px;border-radius:9999px;font-size:.82rem;font-weight:800;box-shadow:0 2px 8px #0284c766}.floating-photo-actions{position:absolute;top:14px;right:14px;display:flex;gap:10px;z-index:5}.floating-action-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#555;border:1px solid #e2e2e2;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.floating-action-btn:hover{background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;color:#333}.floating-action-btn.saved{color:#e11d48;border-color:#fecdd3}.sub-photos-column{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0}.sub-photo-wrap{position:relative;width:100%;flex:1 1 0;min-height:0;cursor:pointer;overflow:hidden}.sub-photo-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.sub-photo-wrap:hover .sub-photo-img{transform:scale(1.03)}.more-photos-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:background .25s ease;cursor:pointer}.sub-photo-wrap:hover .more-photos-overlay{background:#0000008c}.more-plus{font-size:1.6rem;font-weight:300;line-height:1;margin-bottom:0}.more-number{font-size:1.4rem;font-weight:600;letter-spacing:.02em}.photo-lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af5;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;width:100%;max-width:1200px;max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:16px}.lightbox-close-btn{position:absolute;top:-44px;right:0;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-close-btn:hover{background:#e11d48;transform:scale(1.1)}.lightbox-header-bar{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;color:#fff}.lightbox-title-wrap{display:flex;align-items:center;gap:12px}.lightbox-counter-badge,.lightbox-counter{background:#fbb801;color:#0f172a;padding:4px 14px;border-radius:9999px;font-size:.82rem;font-weight:800}.lightbox-property-name,.lightbox-title{font-size:1.05rem;font-weight:800;color:#f8fafc}.lightbox-category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lightbox-cat-btn{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:9999px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.lightbox-cat-btn:hover{background:#fff3;color:#fff}.lightbox-cat-btn.active{background:#004cb6;color:#fff;border-color:#004cb6}.lightbox-main-view{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.lightbox-img-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1040px;width:100%}.lightbox-full-img,.lightbox-img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px #00000080}.full-size-indicator-badge{margin-top:8px;background:#0f172acc;color:#38bdf8;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:4px;border:1px solid rgba(56,189,248,.3)}.lightbox-nav-btn{background:#ffffff26;color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.lightbox-nav-btn:hover{background:#ffffff59;transform:scale(1.1)}.lightbox-thumbnails-bar{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:10px 4px;scrollbar-width:thin}.lightbox-thumb{width:68px;height:68px;object-fit:cover;border-radius:8px;opacity:.45;cursor:pointer;transition:all .2s ease;flex-shrink:0}.lightbox-thumb.active{opacity:1;border:3px solid #FBB801;transform:scale(1.05)}.detail-grid-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}@media(max-width:992px){.detail-grid-layout{grid-template-columns:1fr}}.detail-main-content{display:flex;flex-direction:column;gap:20px}.detail-header-block{background:#fff;padding:24px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008}.badges-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.verified-pill{background:#dcfce7;color:#166534;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px}.nobroker-pill{background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px}.zerodep-pill{background:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px}.furnish-pill{background:#f1f5f9;color:#334155;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px}.detail-title{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.25}.detail-address{font-size:.95rem;color:#64748b;margin:0}.financial-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.financial-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #00000008}.financial-card.highlight{border-color:#004cb6;background:#eff6ff}.fin-card-label{font-size:.72rem;font-weight:800;color:#64748b;letter-spacing:.05em;text-transform:uppercase}.fin-card-value{font-size:1.7rem;font-weight:900;color:#0f172a}.fin-card-subtext{font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px}.fin-card-subtext.green{color:#059669}.fin-card-subtext.info{color:#475569}.detail-section-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 2px 8px #00000008}.section-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 16px}.specifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.spec-item-box{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px;border-radius:10px;border:1px solid #f1f5f9}.spec-icon{font-size:1.5rem}.spec-label{display:block;font-size:.75rem;color:#64748b;font-weight:600}.spec-value{display:block;font-size:.9rem;font-weight:800;color:#0f172a}.agreement-card{background:#fdfce8;border-color:#fef08a}.agreement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.estamp-badge{background:#fbb801;color:#0f172a;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px}.agreement-terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.term-item{background:#fff;padding:10px 14px;border-radius:8px;border:1px solid #fef08a}.term-label{display:block;font-size:.72rem;color:#854d0e;font-weight:700}.term-value{display:block;font-size:.88rem;font-weight:800;color:#0f172a}.description-text{font-size:.95rem;line-height:1.6;color:#334155;margin:0}.amenities-rich-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.amenity-rich-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.amenity-icon-box{font-size:1.4rem}.amenity-name{margin:0 0 2px;font-size:.88rem;font-weight:700;color:#0f172a}.amenity-desc{margin:0;font-size:.75rem;color:#64748b}.neighborhood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.neighborhood-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.neighborhood-pill span{font-size:.8rem;color:#64748b;font-weight:600}.neighborhood-pill strong{font-size:.9rem;color:#004cb6}.detail-sidebar-column{position:sticky;top:100px}.landlord-sticky-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:18px}.landlord-header{display:flex;align-items:center;gap:14px}.landlord-avatar{width:52px;height:52px;background:#004cb6;color:#fff;font-size:1.4rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center}.landlord-name{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:#0f172a}.landlord-verified-badge{font-size:.75rem;font-weight:700;color:#059669;background:#dcfce7;padding:2px 8px;border-radius:4px}.landlord-response-rate{margin:6px 0 0;font-size:.78rem;color:#64748b}.secured-phone-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.phone-label{font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase}.masked-phone-row{display:flex;justify-content:space-between;align-items:center}.masked-number{font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:.05em}.reveal-phone-btn{background:#004cb6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .2s ease}.reveal-phone-btn:hover{background:#003888}.revealed-phone-row{display:flex;justify-content:space-between;align-items:center}.revealed-phone-link{font-size:1rem;font-weight:800;color:#004cb6;text-decoration:none}.revealed-phone-link:hover{text-decoration:underline}.copy-phone-btn{background:#e2e8f0;color:#0f172a;border:none;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer}.sidebar-action-buttons{display:flex;flex-direction:column;gap:10px}.cta-btn{width:100%;padding:12px;border-radius:10px;font-size:.88rem;font-weight:800;cursor:pointer;transition:all .2s ease;border:none}.cta-btn.primary-chat{background:#004cb6;color:#fff}.cta-btn.primary-chat:hover{background:#003888}.cta-btn.secondary-tour{background:#fbb801;color:#0f172a}.cta-btn.secondary-tour:hover{background:#e5a700}.cta-btn.connect-btn{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.cta-btn.connect-btn:hover{background:#e2e8f0}.cta-btn.connect-btn.cancel-mode{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.cta-btn.connect-btn.connected-mode{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.landlord-safety-note{font-size:.75rem;color:#64748b;line-height:1.4;background:#f8fafc;padding:10px;border-radius:8px}.similar-properties-section{margin-top:30px}.similar-section-title{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:18px}.similar-properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.similar-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:all .2s ease}.similar-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #004cb614}.similar-card-img{width:100%;height:150px;object-fit:cover}.similar-card-body{padding:14px}.similar-price{font-size:1.1rem;font-weight:800;color:#004cb6;display:block;margin-bottom:4px}.similar-title{font-size:.92rem;font-weight:700;color:#0f172a;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-location{font-size:.8rem;color:#64748b;margin:0}.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);min-height:calc(100dvh - 70px)}.inbox-layout-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;height:calc(100vh - 120px);height:calc(100dvh - 120px)}@media(max-width:767px){.inbox-page{padding:8px 8px calc(80px + var(--safe-bottom));height:calc(100vh - 65px);height:calc(100dvh - 65px)}.inbox-layout-grid{height:100%;gap:0}.inbox-layout-grid.show-list .chat-window,.inbox-layout-grid.show-list .chat-window-empty,.inbox-layout-grid.show-chat .conversation-list{display:none!important}.inbox-layout-grid.show-chat .chat-window{height:100%}}@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}}.detail-modal{max-width:600px;width:100%}.detail-content{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.detail-header-row{display:flex;align-items:center;gap:16px}.detail-avatar-wrapper{position:relative}.detail-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #004CB6;box-shadow:0 3px 10px #004cb626}.detail-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.detail-name-age{font-size:1.4rem;font-weight:800;margin:0;color:#0f172a}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.info-item{display:flex;flex-direction:column}.info-item label{font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase}.info-item p{margin:4px 0 0;font-size:.95rem;color:#0f172a}.detail-section h4{font-size:1.05rem;font-weight:800;color:#1e293b;margin:0 0 10px}.detail-bio-box{background:#eff6ff;border-left:4px solid #004CB6;padding:14px 16px;border-radius:0 8px 8px 0;font-size:.95rem;color:#334155;line-height:1.6;font-style:italic;white-space:pre-wrap}.detail-bio-box p{margin:0}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-actions{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;background:#f8fafc;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.roommates-page,.flatmates-page{padding:24px 24px 80px;min-height:calc(100vh - 70px)}.roommates-container,.flatmates-container{width:96%;max-width:1750px;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:repeat(auto-fill,minmax(260px,1fr));gap:20px}.roommates-grid.list-mode,.flatmates-grid.list-mode{grid-template-columns:1fr!important}@media(max-width:480px){.roommates-grid:not(.list-mode),.flatmates-grid:not(.list-mode){grid-template-columns:1fr;gap:14px}}.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}.wishlist-page{padding:30px 16px 60px;background:var(--bg-primary, #f8fafc);min-height:calc(100vh - 140px)}.wishlist-container{max-width:1400px;margin:0 auto;width:96%}.wishlist-toast-banner{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:var(--border-radius-md, 8px);font-size:.9rem;font-weight:700;box-shadow:0 10px 25px #0003;z-index:9999;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wishlist-header-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.wishlist-page-title{font-size:1.8rem;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 6px}.wishlist-page-sub{font-size:.95rem;color:var(--text-muted, #64748b);margin:0}.clear-wishlist-btn{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;padding:8px 16px;border-radius:var(--border-radius-full, 9999px);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.clear-wishlist-btn:hover{background:#ffe4e6;transform:translateY(-1px)}.wishlist-nav-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:28px;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008}.wishlist-tabs{display:flex;gap:8px}.wishlist-tab-btn{padding:8px 18px;border-radius:var(--border-radius-full, 9999px);font-size:.88rem;font-weight:700;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;cursor:pointer;transition:all .2s ease}.wishlist-tab-btn:hover{background:#e2e8f0;color:#004cb6}.wishlist-tab-btn.active{background:#004cb6;color:#fff;border-color:#004cb6}.wishlist-search-box{display:flex;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:var(--border-radius-full, 9999px);padding:6px 14px;width:280px;max-width:100%}.search-icon{margin-right:8px;font-size:.9rem;color:#64748b}.wishlist-search-input{border:none;background:transparent;outline:none;width:100%;font-size:.85rem;color:#0f172a}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.wishlist-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column}.wishlist-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #004cb617;border-color:#cbd5e1}.wishlist-card-image-wrap{position:relative;height:180px;overflow:hidden}.wishlist-card-img{width:100%;height:100%;object-fit:cover}.remove-heart-btn{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s ease}.remove-heart-btn:hover{transform:scale(1.15)}.wishlist-badge{position:absolute;bottom:10px;left:10px;background:#004cb6;color:#fff;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase}.wishlist-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.wishlist-card-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.wishlist-price{font-size:1.3rem;font-weight:800;color:#004cb6}.price-period{font-size:.8rem;color:#64748b;font-weight:600}.wishlist-card-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 6px;cursor:pointer;transition:color .2s ease}.wishlist-card-title:hover{color:#004cb6}.wishlist-card-location{font-size:.82rem;color:#64748b;margin:0 0 12px}.wishlist-amenities-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.wishlist-tag{background:#f1f5f9;color:#334155;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px}.wishlist-card-actions{margin-top:auto;display:flex;gap:8px}.wishlist-btn-primary{flex:1;background:#004cb6;color:#fff;border:none;padding:9px 12px;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:background .2s ease}.wishlist-btn-primary:hover{background:#003888}.wishlist-btn-secondary{flex:1;background:#f8fafc;color:#004cb6;border:1px solid #004CB6;padding:9px 12px;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease}.wishlist-btn-secondary:hover{background:#eff6ff}.empty-wishlist-card{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.empty-icon{font-size:3.5rem;display:block;margin-bottom:12px}.empty-wishlist-card h3{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:8px}.empty-wishlist-card p{color:#64748b;margin-bottom:20px}.explore-properties-btn{background:#fbb801;color:#0f172a;font-weight:800;border:none;padding:12px 24px;border-radius:9999px;cursor:pointer;font-size:.92rem;transition:transform .2s ease}.explore-properties-btn:hover{transform:scale(1.04)}.roommate-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.roommate-avatar{font-size:2rem;background:#eff6ff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-heart-btn-inline{margin-left:auto;background:transparent;border:none;font-size:1.2rem;cursor:pointer}.roommate-details{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.settings-page{padding:30px 16px 60px;background:var(--bg-primary, #f8fafc);min-height:calc(100vh - 140px)}.settings-container{max-width:1300px;margin:0 auto;width:96%}.settings-toast-banner{position:fixed;bottom:24px;right:24px;background:#004cb6;color:#fff;padding:12px 20px;border-radius:var(--border-radius-md, 8px);font-size:.9rem;font-weight:700;box-shadow:0 10px 25px #004cb640;z-index:9999;animation:slide-up .3s ease}.settings-header{margin-bottom:24px}.settings-title{font-size:1.8rem;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 6px}.settings-sub{font-size:.95rem;color:var(--text-muted, #64748b);margin:0}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}}.settings-sidebar{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #00000008}.settings-tab-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-size:.9rem;font-weight:700;color:#475569;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.settings-tab-link:hover{background:#f1f5f9;color:#004cb6}.settings-tab-link.active{background:#004cb6;color:#fff}.settings-content-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:28px;box-shadow:0 2px 8px #00000008}.section-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 20px}.settings-section-form{display:flex;flex-direction:column;gap:18px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-group-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.85rem;font-weight:700;color:#334155}.settings-input,.settings-select,.settings-textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #cbd5e1;font-size:.9rem;color:#0f172a;outline:none;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:#004cb6;box-shadow:0 0 0 3px #004cb61f}.settings-action-bar{margin-top:10px}.save-settings-btn{background:#004cb6;color:#fff;border:none;padding:11px 24px;border-radius:9999px;font-weight:800;font-size:.9rem;cursor:pointer;transition:background .2s ease}.save-settings-btn:hover{background:#003888}.toggle-setting-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:16px}.toggle-setting-item h4{margin:0 0 4px;font-size:.92rem;font-weight:700;color:#0f172a}.toggle-setting-item p{margin:0;font-size:.82rem;color:#64748b}.toggle-checkbox{width:22px;height:22px;accent-color:#004CB6;cursor:pointer}.section-divider{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.payment-cards-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.payment-card-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.card-logo{font-size:1.8rem}.card-info h4{margin:0 0 4px;font-size:.9rem;font-weight:700;color:#0f172a}.card-info p{margin:0;font-size:.8rem;color:#64748b}.card-badge{margin-left:auto;background:#dbeafe;color:#004cb6;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:6px}.add-card-btn{background:#f1f5f9;color:#004cb6;border:1px dashed #004CB6;padding:12px;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease;width:100%}.add-card-btn:hover{background:#eff6ff}.profile-page{min-height:calc(100vh - 70px);background:#f8fafc!important;color:#0f172a!important;padding:1.5rem 1.25rem 5rem}.profile-container{max-width:1650px;width:96%;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}}.phone-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:prompt-fade-in .25s ease}@keyframes prompt-fade-in{0%{opacity:0}to{opacity:1}}.phone-prompt-card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:16px;animation:prompt-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes prompt-pop{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.phone-prompt-header{text-align:center}.phone-prompt-icon{font-size:42px;margin-bottom:8px}.phone-prompt-title{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0 0 6px}.phone-prompt-subtitle{font-size:.88rem;color:#64748b;margin:0;line-height:1.45}.phone-input-group{display:flex;align-items:center;border:1.5px solid #cbd5e1;border-radius:12px;overflow:hidden;transition:border-color .15s ease;height:48px;background:#fff}.phone-input-group:focus-within{border-color:#004cb6;box-shadow:0 0 0 3px #004cb61f}.phone-prefix{background:#f1f5f9;padding:0 14px;height:100%;display:flex;align-items:center;font-weight:700;color:#334155;font-size:.95rem;border-right:1px solid #cbd5e1;flex-shrink:0}.phone-input-field{flex:1;height:100%;border:none;outline:none;padding:0 14px;font-size:1rem;font-weight:600;color:#0f172a;background:transparent}.phone-input-field::placeholder{color:#94a3b8;font-weight:400}.phone-prompt-save-btn{height:46px;background:#004cb6;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .15s ease}.phone-prompt-save-btn:hover:not(:disabled){background:#003785}.phone-prompt-save-btn:disabled{opacity:.6;cursor:not-allowed}.phone-prompt-skip-btn{background:none;border:none;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;align-self:center;transition:color .15s ease}.phone-prompt-skip-btn:hover{color:#64748b;text-decoration:underline}.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);--app-height: 100vh;--app-dvh: 100dvh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{width:100%;min-height:100%;min-height:var(--app-dvh);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-left:var(--safe-left);padding-right:var(--safe-right)}#root{min-height:100vh;min-height:var(--app-dvh);display:flex;flex-direction:column;width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:1rem;max-width:100%}@media(max-width:768px){.form-group input,.form-group textarea,.form-group select,.input-control,.form-textarea,.form-select{font-size:16px!important}}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}