body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.modal-open{overflow:hidden}@scope (.app-navbar){.navbar-container{top:0}.navbar,.navbar-container{position:fixed;width:100%;z-index:1000}.navbar{background-color:#fff;box-shadow:0 4px 6px #0000001a;justify-content:space-between;padding:1.2rem 2rem}.nav-links,.navbar{align-items:center;display:flex}.nav-links{gap:1rem;padding-right:4rem}.navbar a{color:#1d4077;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;position:relative;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:#000;cursor:pointer}.chat-icon{margin:0 .5rem;padding:.5rem;position:relative}.chat-icon,.notification-badge{align-items:center;display:flex;justify-content:center}.notification-badge{background-color:#ff3b30;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;font-weight:700;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.image-container img{cursor:pointer;max-height:60px;transition:transform .3s ease}.profile-container{margin-left:1rem;position:relative}.profile-picture{border:2px solid #1d4077;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:transform .3s ease;width:40px}.profile-dropdown{background-color:#fff;border:1px solid #1d4077;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:.5rem;padding:.5rem 0;position:absolute;right:0;top:100%;width:max-content;z-index:1001}.dropdown-item{background:none;border:none;color:#1d4077;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:background-color .3s ease;width:100%}.dropdown-item:hover{background-color:#f0f0f0;color:#000}.dropdown-item.profile-incomplete{color:#ff3b30;font-weight:600}.dropdown-item.profile-incomplete:hover{background-color:#ffebee;color:#d32f2f}}@scope (.home-page){.main-hero-section{align-items:center;background-image:url(/static/media/boston2.9b0b09cfdffd7b229bc6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;padding:2rem;position:relative;text-align:center}.main-hero-section:before{background-color:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.main-hero-content{max-width:1200px;position:relative;z-index:2}.main-hero-content h1{font-size:2.5rem;margin-bottom:1rem}.main-hero-content p{color:#f0f0f0;font-size:1.2rem;margin-bottom:2rem}.main-search-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.main-search-form input{border:none;border-radius:8px;font-family:inherit;font-size:1rem;height:100%;padding:.8rem;transition:transform .3s ease;width:200px}.main-search-form input:hover{cursor:pointer}.main-search-form button{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:100%;padding:.8rem 1.2rem;transition:background-color .3s ease}.main-search-form button:hover{background-color:#16325c}.main-field-input{align-items:flex-start;display:flex;flex-direction:column}.main-field-input label{color:#f0f0f0;font-size:.9rem;margin-bottom:.3rem}.latest-listings-section{align-items:center;background-image:url(/static/media/boston.cab3a47793c10f4f12cb.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;padding:2rem;position:relative;text-align:center}.latest-listings-section:before{background-color:#1d4077cc;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.latest-listings-content{max-width:1200px;position:relative;width:100%;z-index:2}.latest-listings-content h1{font-size:2.5rem;margin-bottom:2rem}.listings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.how-it-works-section{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:4rem 9rem}.how-it-works-content{flex:1 1;padding-right:2rem;width:100%}.how-it-works-content h1{color:#1d4077;font-size:3rem;margin-bottom:1rem;text-align:center}.how-it-works-content h2{color:#000;font-size:1.5rem;margin-bottom:1rem;text-align:center}.how-it-works-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;margin-top:2rem}.how-it-works-card{background-color:#fff;border:4px solid #1d4077;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.how-it-works-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.how-it-works-card h3{color:#1d4077;font-size:2rem;margin-bottom:.5rem;margin-top:1rem;text-align:center}.how-it-works-card p{color:#000;font-size:1.5rem;margin-bottom:.5rem}.how-it-works-links{display:flex;gap:1rem}.how-it-works-links a{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.8rem 1.2rem;text-decoration:none;transition:background-color .3s ease}.how-it-works-links a:hover{background-color:#16325c;cursor:pointer}.how-it-works-button{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.8rem 1.2rem;transition:background-color .3s ease}.how-it-works-button:hover{background-color:#16325c;cursor:pointer}.how-it-works-icon{color:#1d4077;display:block;font-size:3rem;margin:0 auto .25rem}}@scope (.footer-component){.footer-section{align-items:flex-start;background-color:#1d4077;display:flex;flex-direction:row;justify-content:space-between;padding:2rem 9rem}.footer-content{flex:1 1;padding-right:2rem;width:100%}.footer-content h1{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:left}.footer-button{background-color:#fff;border:none;border-radius:8px;color:#1d4077;cursor:pointer;font-size:1.5rem;padding:.8rem 1.2rem;transition:background-color .3s ease;width:100%}.footer-button:hover{background-color:#f0f0f0;cursor:pointer}.footer-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.footer-icon{color:#fff}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.8rem}.footer-links a{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.5rem;text-decoration:none}.footer-links a:hover{cursor:pointer}.footer-form{flex-direction:column}.footer-form,.footer-form-row{display:flex;gap:1rem}.footer-form-row input{flex:1 1}.footer-form input,.footer-form textarea{border:none;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.8rem;resize:vertical;width:100%}.footer-form input:hover,.footer-form textarea:hover{cursor:pointer}.status-message{border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}}.image-carousel-dots{bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.image-carousel-dot{background-color:#b3b3b3;border-radius:50%;box-shadow:0 0 4px #000;height:10px;width:10px}.image-carousel-dot.active{background-color:#fff}@scope (.listing-card-component){.listing-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:400px;overflow:hidden;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.listing-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.listing-image-carousel{height:280px;overflow:hidden;position:relative}.listing-image-carousel img{height:280px;object-fit:cover;width:100%}.listing-image-carousel .carousel-arrow{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#1d4077;cursor:pointer;display:flex;height:35px;justify-content:center;padding:8px;position:absolute;top:50%;transition:background-color .1s ease;width:35px}.listing-image-carousel .carousel-arrow svg{height:20px;width:20px}.listing-image-carousel .carousel-arrow:hover{background:#d0d0d0}.listing-image-carousel .left-arrow{left:10px}.listing-image-carousel .right-arrow{right:10px}.host-profile{align-items:center;display:flex;flex-direction:column;position:absolute;right:10px;top:10px;z-index:10}.host-profile-image{background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:60px;overflow:hidden;width:60px}.host-profile-image img{height:100%;object-fit:cover;width:100%}.host-profile-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#1d4077;display:-webkit-box;font-size:.85rem;font-weight:500;line-height:1.2;margin-top:-7.5px;max-width:120px;overflow:hidden;overflow-wrap:break-word;padding:4px 8px;text-align:center;text-overflow:ellipsis;white-space:normal}.save-banner{left:10px;position:absolute;top:10px;z-index:10}.save-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;transition:transform .2s ease}.save-icon.saved{fill:#ff6b6b}.save-icon.unsaved{fill:#0000;stroke:#fff;stroke-width:4rem}.save-icon:hover{transform:scale(1.1)}.save-banner{cursor:pointer}.listing-details{display:flex;flex-direction:column;gap:.5rem;height:120px;padding:1rem}.listing-details h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d4077;display:-webkit-box;font-size:1.2rem;height:2.4em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis}.listing-dates-cost{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;margin-top:auto}.date-range,.location,.price{align-items:center;border-radius:6px;color:#333;display:flex;font-size:.9rem;gap:.5rem;white-space:nowrap}.date-range svg,.location svg,.price svg{color:#1d4077;flex-shrink:0;font-size:.9rem}.listing-link{color:inherit;text-decoration:none}}@scope (.listings-page){.listings-page-container{display:flex;height:87vh;margin-top:6.5rem}.map-section{flex:0.66 1;height:100%}.listings-section{background-color:#fff;border-left:1px solid #ccc;flex:1 1;overflow-y:scroll;padding:1rem}.listings-search-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.listings-inputs{display:flex;gap:1rem;width:100%}.listings-input{display:flex;flex:1 1;flex-direction:column;min-width:0}.listings-input input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;height:100%;height:42px;padding:8px;transition:border-color .2s ease;width:100%}.listings-input input:hover{border-color:#b0b0b0}.listings-input input::-webkit-calendar-picker-indicator,.listings-input input:hover{cursor:pointer}.listings-input input,.listings-input>div{height:100%;width:100%}.listings-input label{color:#1d4077;font-size:.9rem;margin-bottom:.3rem}.listings-buttons{display:flex;gap:1rem;justify-content:flex-end;width:100%}.listings-search-form-btn{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.2rem;transition:background-color .3s ease;white-space:nowrap}.listings-search-form-btn:hover{background-color:#16325c}.listings-results-header{color:#1d4077;font-weight:700}.listings-scrollable-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:.5rem}.selected-card{border-radius:8px;box-shadow:0 0 10px #1d4077b3;outline:2px solid #1d4077;transition:outline .3s ease,box-shadow .3s ease}.filter-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-popup{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.filter-popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.filter-popup-header h3{color:#1d4077;font-size:1.4rem;margin:0}.done-button{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.done-button:hover{background-color:#16325c}.filter-popup-content{padding:1.5rem}.filter-category{margin-bottom:1.5rem}.filter-category:last-child{margin-bottom:0}.filter-category h4{color:#1d4077;font-size:1.1rem;font-weight:600;margin:0 0 .8rem}.filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.4rem 0}.filter-option input[type=checkbox]{accent-color:#1d4077;cursor:pointer;height:16px;width:16px}.filter-option:hover{color:#1d4077}.applied-filters-section{align-items:left;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.applied-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.filter-tag{align-items:center;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;line-height:1;padding:.4rem .8rem}.filter-tag.clear-all{background-color:#ffebee;border-color:#ffcdd2;color:#c62828;transition:background-color .3s ease}.filter-tag.clear-all:hover{background-color:#ffcdd2}}@scope (.host-page){.host-hero-section{align-items:center;background-image:url(/static/media/host.6dcd443ca176a724fa6d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;padding:2rem;position:relative;text-align:center}.host-hero-section:before{background-color:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.host-hero-content{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:2}.host-hero-left{flex:1 1;text-align:left}.host-hero-left h1{font-size:3.5rem;margin-bottom:1rem}.host-hero-left p{font-size:1.8rem}.host-hero-right{align-items:center;display:flex;flex:1 1;justify-content:center}.host-auth-box{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.host-auth-box h2{color:#1d4077;font-size:2rem;margin-bottom:1.5rem;text-align:center}.log-in-btn{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;margin-bottom:.75rem;padding:1rem;transition:all .3s ease;width:100%}.log-in-btn:hover{background-color:#f0f0f0;border-color:#ccc}.log-in-icon{font-size:1.2rem;margin-right:.8rem}.host-properties-section{background-color:#f8f9fa;padding:4rem 2rem}.host-properties-container{margin:0 auto;max-width:1200px}.host-properties-container h2{color:#1d4077;font-size:2rem;margin-bottom:2rem}.host-listings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-listings-message{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:3rem;text-align:center}.no-listings-message p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.list-first-property-btn{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.list-first-property-btn:hover{background-color:#16325c}.host-properties-header{align-items:center;display:flex;justify-content:space-between;margin-top:2.5rem}.list-another-btn{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.list-another-btn:hover{background-color:#16325c}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:#1d4077;margin:0}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.close-modal-btn:hover{color:#333}.listing-form{display:flex;flex-direction:column}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);width:100%}.form-group{display:flex;flex-direction:column;width:100%}.image-upload-label{align-items:center;display:flex;justify-content:space-between}.drag-drop-hint{color:#666;font-size:.9rem;font-style:italic;margin-bottom:.5rem;margin-top:1rem}.form-section h3{border-bottom:2px solid #f0f0f0;color:#1d4077;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.checkbox-item{align-items:center;display:flex;gap:.5rem}.checkbox-item input[type=checkbox]{cursor:pointer;margin:0;width:auto}.checkbox-item label{cursor:pointer;font-weight:400;margin:0}.label-counter-container{align-items:center;display:flex;justify-content:space-between;width:100%}.form-group label{color:#333;font-weight:500;margin-bottom:.5rem;margin-top:1rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1d4077;box-shadow:0 0 0 2px #1d40771a;outline:none}.form-group textarea{resize:vertical}.form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.right-buttons{display:flex;gap:1rem}.cancel-btn,.prev-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled){background-color:#e5e5e5}.next-btn,.submit-btn{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.next-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background-color:#16325c}.cancel-btn:disabled,.next-btn:disabled,.prev-btn:disabled,.submit-btn:disabled{background-color:#ccc;border-color:#ccc;color:#999;cursor:not-allowed}.char-counter{color:#666;font-size:.8rem}.image-upload-box{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:border-color .3s}.image-upload-box:hover{border-color:#888}.image-upload-box input[type=file]{display:none}.image-upload-placeholder{color:#999;font-size:14px}.image-preview-grid{display:flex;flex-wrap:wrap;gap:1.75rem;justify-content:left;margin-top:10px}.image-preview-wrapper{border:2px solid #0000;border-radius:8px;cursor:grab;display:inline-block;position:relative}.image-preview-wrapper:active{cursor:grabbing}.image-preview-wrapper.drag-over{border-color:#1d4077;transform:scale(1.05)}.image-preview-wrapper[draggable=true]:hover{transform:scale(1.05)}.image-preview{border:1px solid #ddd;border-radius:6px;height:80px;object-fit:cover;pointer-events:none;width:80px}.image-order-indicator{align-items:center;background-color:#1d4077;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:-8px;pointer-events:none;position:absolute;top:-8px;width:20px}.listing-card-wrapper{position:relative}.card-actions{display:flex;gap:10px;left:-12px;position:absolute;top:-12px;z-index:2}.icon-button{background:#fff;border:1px solid #ccc;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.icon-button:hover{background-color:#f0f0f0}.icon-button svg{color:#1d4077;height:16px;width:16px}.image-remove-btn{background-color:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;height:20px;line-height:18px;position:absolute;right:-8px;text-align:center;top:-8px;width:20px;z-index:1}.image-remove-btn:hover{background-color:#c0392b}.delete-modal{max-width:450px;text-align:center}.delete-modal-body{padding:1.5rem 0}.delete-modal-body p{color:#333;font-size:1.1rem;margin-bottom:.5rem}.delete-warning{color:#dc3545;font-size:.95rem;font-weight:500}.delete-modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.delete-confirm-btn{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-width:100px;padding:.75rem 1.5rem;transition:background-color .3s ease}.delete-confirm-btn:hover:not(:disabled){background-color:#c82333}.delete-confirm-btn:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.delete-modal-actions .cancel-btn{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-width:100px;padding:.75rem 1.5rem;transition:background-color .3s ease}.delete-modal-actions .cancel-btn:hover{background-color:#5a6268}.host-search-input{border:2px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:.5rem;padding:.75rem;width:100%}.host-search-input:focus{border-color:#1d4077;outline:none}.host-search-results{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;max-height:200px;overflow-y:auto}.host-search-result-item{border-bottom:1px solid #eee;cursor:pointer;padding:.75rem;transition:background-color .2s ease}.host-search-result-item:hover{background-color:#f8f9fa}.host-search-result-item:last-child{border-bottom:none}.host-search-result-user-info{align-items:center;display:flex;gap:.75rem}.host-search-result-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.host-search-result-details{flex:1 1}.host-search-result-name{color:#333;font-weight:600;margin-bottom:.25rem}.host-search-result-email{color:#666;font-size:.9rem}.selected-host{background-color:#f8f9fa;border:2px solid #1d4077;border-radius:8px;margin-bottom:1rem;padding:1rem}.selected-host-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.selected-host-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.selected-host-details{flex:1 1}.selected-host-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.selected-host-email{color:#666;font-size:.9rem}.change-host-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.change-host-btn:hover{background-color:#5a6268}}@scope (.info-page){.about-us-section{align-items:center;display:flex;justify-content:space-between;padding:4rem 9rem}.about-us-content h2{color:#1d4077;font-size:2.5rem;text-align:center}.about-us-content h3{color:#1d4077;font-size:2rem}.about-us-content p{color:#000;font-size:1.1rem;line-height:1.2}.about-us-content ul{list-style-type:none;padding:0}.about-us-content ul li{color:#000;font-size:1.1rem}.about-us-image{align-items:center;display:flex;flex:1 1;height:600px;justify-content:center;max-width:50%;position:relative}.carousel-image{box-shadow:0 0 8px #00000080;height:100%;max-width:500px;object-fit:cover;opacity:0;position:absolute;transition:opacity .5s ease-in-out;width:100%}.carousel-image.active{opacity:1}.info-section{background-color:#fff;margin-top:2rem;padding:4rem 9rem}.info-section h2{color:#1d4077;font-size:3rem;margin-bottom:2rem;text-align:center}.info-section h3{color:#1d4077;font-size:1.8rem;margin:2rem 0 1rem}.info-content{margin:0 auto;max-width:800px}.info-content p{color:#333;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.info-content ul{list-style-type:none;padding-left:0}.info-content li{font-size:1.2rem;line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.info-content li:before{content:"-";left:0;position:absolute}.faq-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:0 1rem}.faq-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:.5rem;overflow:hidden}.faq-question{align-items:center;background-color:#fff;border:none;color:#1d4077;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;padding:1rem;text-align:left;transition:background-color .3s ease;width:100%}.faq-question:hover{background-color:#f0f0f0}.faq-answer{background-color:#f8f9fa;border-top:1px solid #eee;color:#333;font-size:1rem;line-height:1.5;padding:1rem}.faq-icon{color:#1d4077;font-size:1.2rem;margin-left:1rem}}@scope (.login-page){.login-page-container{background-color:#f8f9fa;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding-top:145px}.login-modal-backdrop{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.login-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #1d407714;display:flex;flex-direction:column;padding:40px;width:450px}.tabs{border-bottom:1px solid #eee;display:flex;justify-content:center;margin-bottom:30px}.tab-item{background:none;border:none;color:#888;cursor:pointer;font-size:18px;font-weight:700;margin-right:20px;padding:15px 20px;position:relative}.tab-item.active{color:#1d4077}.tab-item .underline{background-color:initial;bottom:-1px;height:3px;left:0;position:absolute;width:100%}.tab-item.active .underline{background-color:#1d4077}.social-login-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:15px;padding:12px;transition:all .2s ease;width:100%}.social-login-btn:hover{background-color:#f0f0f0;border-color:#1d4077}.social-icon{font-size:20px;margin-right:10px}.google-icon{color:#db4437}.facebook-icon{color:#1877f2}.apple-icon{color:#000}.or-separator{align-items:center;color:#aaa;display:flex;margin:25px 0;text-align:center}.or-separator .line{background-color:#eee;flex-grow:1;height:1px}.or-separator .text{font-size:14px;padding:0 15px}.input-group{margin-bottom:20px;position:relative}.input-group label{color:#555;display:block;font-size:14px;margin-bottom:4px}.input-group input[type=password],.input-group input[type=text]{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px;transition:border-color .2s ease;width:100%}.input-group input[type=password]:focus,.input-group input[type=text]:focus{border-color:#1d4077;box-shadow:0 0 0 2px #1d40771a;outline:none}.forgot-password-link{background:none;border:none;color:#1d4077;cursor:pointer;font-size:14px;position:absolute;right:0;top:0}.main-login-btn{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .2s ease;width:100%}.main-login-btn:hover:not(:disabled){background-color:#16325c}.main-login-btn:disabled{background-color:#ccc;cursor:not-allowed}.input-row{display:flex;gap:20px;justify-content:space-between}.half-width{width:100%}.error-message-box{background-color:#ffe6e6;border:1px solid #c00;border-radius:4px;color:#c00;font-size:14px;margin-top:15px;padding:12px;text-align:center}.password-strength-indicator{margin:8px 0 16px;width:100%}.strength-bar{border-radius:2px;height:4px;margin-bottom:4px;transition:all .3s ease;width:100%}.strength-text{display:block;font-size:12px;text-align:left;transition:all .3s ease}.forgot-password-message{background-color:#e6ffe6;border:1px solid #003600;border-radius:4px;color:#003600;font-size:14px;margin-top:15px;padding:12px;text-align:center}}@scope (.verify-page){.verify-container{align-items:center;background-image:url(/static/media/boston3.d6130e732a3ae11f615c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;padding:2rem;position:relative;text-align:center}.verify-overlay{background-color:#1e1e1e99;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.verify-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff14;border-radius:12px;max-width:700px;padding:2.5rem;position:relative;z-index:2}.verify-content h1{color:#fff;font-size:2.3rem;margin-bottom:1.2rem}.verify-content p{color:#e0e0e0;font-size:1.1rem;margin-bottom:1rem;text-align:left}.resend-button{background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.resend-button:hover{background-color:#f0f0f0}}@scope (.reset-password-page){.reset-password-container{align-items:center;background-image:url(/static/media/boston3.d6130e732a3ae11f615c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;padding:2rem;position:relative;text-align:center}.reset-password-overlay{background-color:#1e1e1e99;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.reset-password-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff14;border-radius:12px;max-width:500px;padding:2.5rem;position:relative;width:100%;z-index:2}.reset-password-content h1{color:#fff;font-size:2.3rem;margin-bottom:1.2rem}.password-input-group{margin-bottom:1.5rem;text-align:left}.password-input-group label{color:#e0e0e0;display:block;font-size:1rem;margin-bottom:8px}.password-input-group input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:12px;width:100%}.password-input-group input:focus{border-color:#fff;box-shadow:0 0 0 2px #1d40774d;outline:none}.password-input-group input::placeholder{color:#fff}.reset-button{background-color:#1d4077;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:1rem;padding:15px;transition:background-color .2s ease;width:100%}.reset-button:hover{background-color:#16325c}.error-message-box{background-color:#ff00001a;border:1px solid #f66;border-radius:4px;color:#f66}.error-message-box,.success-message-box{font-size:14px;margin-top:15px;padding:12px}.success-message-box{background-color:#00ff001a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-weight:700}.password-strength-indicator{margin-bottom:1.5rem;text-align:left}.strength-bar{background-color:#ddd;border-radius:2px;height:4px;margin-bottom:8px;transition:background-color .3s ease;width:100%}.strength-text{font-size:.9rem;transition:color .3s ease}}@scope (.listing-page){.listing-page-container{background-color:#1d407714;margin:0 auto;min-height:95vh;overflow:auto;padding:2rem}.listing-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;margin-bottom:2rem;margin-top:6.5rem}.listing-left-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;grid-column:1;grid-row:1;overflow:hidden;transition:all .3s ease}.listing-left-section:hover{box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.listing-right-section{grid-column-gap:2rem;grid-row-gap:1rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;column-gap:2rem;display:grid;grid-column:2;grid-row:1;grid-template-areas:"left right" "description description";grid-template-columns:2fr 1fr;overflow:hidden;padding:2rem;row-gap:1rem;transition:all .3s ease}.listing-right-section:hover{box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.bottom-half{display:flex;gap:2rem;grid-column:1/-1;grid-row:2;max-height:500px}.listing-right-left{grid-area:left}.listing-right-right{grid-area:right}.listing-description{border-top:1px solid #eee;grid-area:description;margin-top:1rem;padding-top:1rem}.listing-description p{word-wrap:break-word;margin:0;white-space:pre-wrap}.listing-header{border-bottom:1px solid #eee;padding:2rem}.listing-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.listing-header h1{color:#1d4077;font-size:2rem;margin:0 0 .5rem}.listing-save-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.listing-save-icon{color:#1d4077;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;transition:transform .2s ease}.listing-save-icon.saved{fill:#ff6b6b}.listing-save-icon.unsaved{fill:#0000;stroke:#1d4077;stroke-width:4rem}.listing-save-icon:hover{transform:scale(1.1)}.listing-location{align-items:center;color:#666;display:flex;gap:.5rem}.listing-image-section{position:relative;width:100%}.listing-page-image-carousel{height:400px;overflow:hidden;position:relative;width:100%}.listing-page-image-carousel img{height:100%;object-fit:cover;width:100%}.listing-page-carousel-arrow{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#1d4077;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transition:all .3s ease;width:40px}.listing-page-carousel-arrow:hover{background:#d0d0d0}.listing-page-carousel-arrow svg{height:24px;width:24px}.left-arrow{left:20px}.right-arrow{right:20px}.image-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.image-thumbnails img{border-radius:4px;cursor:pointer;height:60px;object-fit:cover;opacity:.7;width:80px}.image-thumbnails img.active,.image-thumbnails img:hover{border:2px solid #1d4077;opacity:1}.listing-right-left h2{color:#1d4077}.listing-right-left h2,.listing-right-left p{margin-bottom:2rem;margin-top:1rem}.price-card{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.price-header{margin-bottom:1rem}.price-header h3{color:#1d4077;font-size:1.5rem;margin:0}.price-header span{color:#666}.host-info{border:1px solid #d1d1d1;border-radius:8px;padding:1.5rem}.host-info p{margin:0;text-align:center}.host-avatar-container{display:flex;justify-content:center}.host-avatar{border:3px solid #1d4077;border-radius:50%;height:65px;object-fit:cover;width:65px}.host-name{color:#1d4077;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.contact-host{background-color:#fff;border:1px solid #1d4077;border-radius:8px;color:#1d4077;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.8rem;transition:all .3s ease;width:100%}.contact-host:hover:not(.disabled){background-color:#ededed}.contact-host.disabled{border-color:#ccc;color:#999;cursor:not-allowed}.contact-host.disabled,.contact-host.disabled:hover{background-color:#f0f0f0}.listing-error,.listing-loading{color:#666;padding:2rem;text-align:center}.listing-error{color:#dc3545}.move-in-out{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.move-in,.move-out{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem}.move-in div,.move-out div{display:flex;flex-direction:column;gap:.25rem}.move-in .label,.move-out .label{color:#666;font-size:.9rem}.move-in .date,.move-out .date{color:#1d4077;font-weight:500}.details-category{margin-bottom:2rem}.details-category:last-child{margin-bottom:0}.details-category h3{border-bottom:2px solid #f0f0f0;color:#1d4077;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{align-items:center;background-color:#f8f9fa;border-left:3px solid #1d4077;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.detail-item:hover{background-color:#e9ecef;transform:translateX(2px)}.detail-item svg{color:#1d4077;flex-shrink:0;font-size:1.1rem}.detail-item span{color:#333;font-size:.95rem;font-weight:500}.listing-map-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:500px;padding:2rem;transition:all .3s ease}.map-container{flex:1 1;margin-bottom:1rem;min-height:0}.commute-calculator{background-color:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.commute-calculator h4{color:#1d4077;font-size:1.1rem;margin:0 0 1rem}.commute-input{display:flex;gap:.5rem;margin-bottom:1rem}.work-address-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:.9rem;padding:.75rem}.work-address-input:focus{border-color:#1d4077;outline:none}.calculate-commute-btn{background-color:#1d4077;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background-color .3s ease;white-space:nowrap}.calculate-commute-btn:hover:not(:disabled){background-color:#16325c}.calculate-commute-btn:disabled{background-color:#ccc;cursor:not-allowed}.commute-results{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.commute-result{align-items:center;background-color:#fff;border-left:3px solid #1d4077;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.commute-result:hover{background-color:#f8f9fa;transform:translateX(2px)}.commute-result.selected{background-color:#1d4077;color:#fff}.commute-result.selected span,.commute-result.selected svg{color:#fff}.commute-result svg{color:#1d4077;font-size:1.2rem}.commute-result span{color:#333;font-size:.9rem;font-weight:500}.listing-map-section:hover{box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.listing-map-section{flex:1 1;min-height:0}.listing-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;height:500px;overflow:auto;padding:2rem;transition:all .3s ease}.listing-details-section:hover{box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.bottom-half>:only-child{flex:1 1}@media (max-width:1024px){.listing-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}.listing-left-section{grid-column:1;grid-row:1}.listing-right-section{grid-column:1;grid-row:2}.bottom-half{flex-direction:column;grid-column:1;grid-row:3}.listing-details-section,.listing-map-section{flex:none}.detail-items-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.listing-right-section{grid-template-columns:1fr}.listing-sidebar{position:static}.detail-items-grid{grid-template-columns:1fr}.listing-details-section{padding:1.5rem}.bottom-half{gap:1rem}}.admin-actions{display:flex;gap:.5rem;margin-top:1rem}.admin-delete-btn,.admin-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.admin-edit-btn{background-color:#28a745;color:#fff}.admin-edit-btn:hover{background-color:#218838}.admin-delete-btn{background-color:#dc3545;color:#fff}.admin-delete-btn:hover{background-color:#c82333}.admin-delete-btn svg,.admin-edit-btn svg{font-size:.8rem}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#1d4077;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.close-modal-btn:hover{background-color:#f0f0f0}.listing-form{padding:2rem}.form-row{grid-gap:1rem;grid-template-columns:1fr 1fr}.form-row,.form-row-3{display:grid;gap:1rem;margin-bottom:1rem}.form-row-3{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#1d4077;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1d4077;outline:none}.form-group textarea{min-height:100px;resize:vertical}.label-counter-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.char-counter{color:#666;font-size:.8rem}.form-section{margin-bottom:1.5rem}.form-section h3{color:#1d4077;margin-bottom:1rem}.checkbox-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-item{align-items:center;border-radius:4px;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s ease}.checkbox-item:hover{background-color:#f8f9fa}.checkbox-item input[type=checkbox]{margin:0;width:auto}.checkbox-item label{color:#333;cursor:pointer;font-weight:400;margin:0}.image-upload-box{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:border-color .3s ease}.image-upload-box:hover{border-color:#1d4077}.image-upload-box input[type=file]{display:none}.image-upload-placeholder{color:#666;margin:0}.image-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));min-height:100px;padding:8px}.image-preview-wrapper{background:#fff;border:2px solid #0000;border-radius:8px;cursor:grab;position:relative;transition:all .2s ease}.image-preview-wrapper:active{cursor:grabbing}.image-preview-wrapper.drag-over{border-color:#1d4077;transform:scale(1.05)}.image-preview-wrapper[draggable=true]:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.image-preview{border-radius:6px;height:100px;object-fit:cover;pointer-events:none;width:100%}.image-order-indicator{background-color:#1d4077;border-radius:50%;font-size:12px;font-weight:700;height:20px;left:-8px;pointer-events:none;width:20px}.image-order-indicator,.image-remove-btn{align-items:center;box-shadow:0 2px 4px #0003;color:#fff;display:flex;justify-content:center;position:absolute;top:-8px;z-index:1}.image-remove-btn{background-color:#dc3545;border:none;border-radius:50%;cursor:pointer;font-size:1rem;height:24px;line-height:1;right:-8px;width:24px}.image-remove-btn:hover{background-color:#c82333}.form-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.right-buttons{display:flex;gap:1rem}.cancel-btn,.next-btn,.prev-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.prev-btn{background-color:#6c757d;color:#fff}.prev-btn:hover{background-color:#5a6268}.next-btn,.submit-btn{background-color:#1d4077;color:#fff}.next-btn:hover,.submit-btn:hover{background-color:#16325c}.modal-body{padding:20px}.modal-subtitle{color:#666;margin:0 0 20px;text-align:center}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}@media (max-width:768px){.checkbox-grid,.form-row,.form-row-3{grid-template-columns:1fr}.modal-content{max-height:90vh;width:95%}.listing-form,.modal-header{padding:1rem}.admin-actions{flex-direction:column}.admin-delete-btn,.admin-edit-btn{justify-content:center;width:100%}}}@scope (.chat-page){.chat-page-background{background-color:#1d407714;box-sizing:border-box;min-height:95vh;padding:2rem}.chat-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px);margin:8rem auto 2rem;max-width:1000px}.chat-header{align-items:center;background-color:#1d4077;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem}.chat-header-user-info{align-items:center;display:flex;flex:1 1;gap:.75rem;margin-left:1rem}.chat-header-avatar{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-header h2{font-size:1.5rem;margin:0}.back-button{color:#fff;font-size:1.5rem;margin-right:1rem;text-decoration:none}.new-chat-button{background-color:#fff;border:none;border-radius:20px;color:#1d4077;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease,transform .2s ease}.new-chat-button:hover{background-color:#f0f0f0}.chat-list{flex:1 1;overflow-y:auto;padding:1rem}.chat-item-container{align-items:center;display:flex;margin-bottom:.5rem}.chat-item{color:inherit;flex:1 1;text-decoration:none;transition:background-color .2s}.chat-preview{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem}.chat-preview-avatar{border:2px solid #1d4077;border-radius:50%;height:50px;object-fit:cover;width:50px}.chat-preview-content{flex:1 1}.chat-header-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.chat-name{color:#1d4077;font-size:1rem;font-weight:500;margin:0}.unread-badge{background-color:#1d4077;border-radius:10px;color:#fff;font-size:.8rem;min-width:1.5rem;padding:.2rem .5rem;text-align:center}.last-message{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:space-between}.message-preview{margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#999;font-size:.8rem}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem}.message{margin:.5rem 0;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-sender{align-items:center;color:#666;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:.4rem;margin-left:.4rem}.message-sender-avatar{border:1px solid #1d4077;border-radius:50%;height:24px;object-fit:cover;width:24px}.message-content{border-radius:15px;padding:.8rem 1rem;position:relative}.message.sent .message-content{background-color:#1d4077;border-radius:15px 15px 0 15px;color:#fff}.message.received .message-content{background-color:#f0f2f5;border-radius:15px 15px 15px 0;color:#1d4077}.message-meta{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.3rem}.message-status,.message-timestamp{font-size:.7rem;opacity:.7}.message-input-container{background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #eee;display:flex;gap:1rem;padding:1rem}.message-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:1rem;outline:none;padding:.8rem}.message-input:focus{border-color:#1d4077}.send-button{background-color:#1d4077;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:background-color .2s}.send-button:hover{background-color:#16325c}.message.automated-interest{margin:1rem 0 1.5rem!important;max-width:85%!important}.message.automated-interest .message-content{background-color:#f0f7ff!important;border:1px solid #cce4ff!important;color:#1d4077!important;padding:1rem!important}.message.automated-interest .message-content p{font-style:italic;margin:0}.message.automated-interest .message-meta{color:#666;margin-top:.5rem}.message.automated-interest:before{color:#666;content:"Automated message";display:block;font-size:.75rem;margin-bottom:.25rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-width:500px;padding:2rem;width:90%}.modal-content h3{color:#1d4077;margin-top:0}.search-input{border:1px solid #ddd;border-radius:20px;box-sizing:border-box;font-size:1rem;margin:1rem 0;padding:.8rem;width:100%}.search-results{margin:1rem 0;max-height:400px;overflow-y:auto}.search-result-item{border-bottom:1px solid #eee;cursor:pointer;padding:.8rem;transition:background-color .2s}.search-result-item:hover{background-color:#f0f0f0}.search-result-user-info{align-items:center;display:flex;gap:1rem}.search-result-avatar{border:2px solid #ddd;border-radius:50%;height:40px;object-fit:cover;position:relative;width:40px}.search-result-avatar.admin{border:2px solid #7dd3fc}.verified-badge{align-items:center;background-color:#7dd3fc;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.admin-badge{color:#7dd3fc;font-size:.75rem;font-weight:600;margin-top:.2rem}.search-result-details{flex:1 1}.search-result-name{color:#1d4077;font-weight:600;margin-bottom:.2rem}.search-result-email{color:#666;font-size:.9rem}.close-modal-button{background-color:#1d4077;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem;transition:background-color .2s;width:100%}.close-modal-button:hover{background-color:#16325c}.chat-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#f1f1f1}.chat-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#1d4077;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:#16325c}}@scope (.profile-page){.profile{align-items:center;background-color:#1d407714;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;min-height:100vh;padding:2rem}.profile-content{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #1d407714;display:flex;gap:3rem;margin-top:8rem;max-width:1200px;padding:2rem;width:90%}.profile-image-container{border:4px solid #1d4077;border-radius:50%;box-shadow:0 4px 12px #1d407726;cursor:pointer;height:250px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:250px}.profile-image-container:hover{box-shadow:0 6px 16px #1d407733;transform:translateY(-5px)}.profile-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-image-container:hover .profile-image{transform:scale(1.05)}.profile-image-overlay{background:#1d4077e6;bottom:0;color:#fff;font-size:16px;font-weight:500;left:0;opacity:0;padding:12px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.profile-image-container:hover .profile-image-overlay{opacity:1}.profile-image-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.profile-info{flex:1 1;padding:1rem}.profile-info h1{color:#1d4077;font-size:2.5rem;font-weight:600;margin:0 0 1.5rem}.profile-bio{background-color:#f8f9fa;border-left:4px solid #1d4077;border-radius:8px;color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:2rem;padding:1.5rem}.profile-error{background-color:#ffe6e6;border:1px solid #dc3545;border-radius:8px;color:#dc3545;margin:40px 0;padding:1rem;text-align:center}.profile-loading{color:#1d4077;font-size:1.2rem;margin:40px 0;text-align:center}.form-row,.profile-edit-form{width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1 1;margin-bottom:0;min-width:0}.form-row .form-group input{box-sizing:border-box;width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#1d4077;display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.form-group label.emphasized-field{color:#ff3b30}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#1d4077;box-shadow:0 0 0 3px #1d40771a;outline:none}.form-group input.emphasized-field{border-color:#ff3b30}.form-group textarea{min-height:120px;resize:vertical}.form-buttons{display:flex;gap:1rem;margin-top:2rem}.cancel-button,.edit-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.edit-button{padding:1rem 2rem}.edit-button,.save-button{background-color:#1d4077;color:#fff}.save-button{flex:1 1}.cancel-button{background-color:#f0f0f0;border:2px solid #e0e0e0;color:#666;flex:1 1}.edit-button:hover,.save-button:hover{background-color:#16325c}.edit-button.incomplete-profile{background-color:#ff3b30}.edit-button.incomplete-profile:hover{background-color:#d32f2f}.edit-profile-section{align-items:center;display:flex;flex-direction:column;gap:.5rem}.profile-completion-notice{color:#ff3b30;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-align:center}.cancel-button:hover{background-color:#e5e5e5}@media (max-width:768px){.profile-content{align-items:center;flex-direction:column;gap:2rem;padding:1.5rem;text-align:center;width:95%}.profile-image-container{height:200px;margin-bottom:2rem;width:200px}.profile-info h1{font-size:2rem}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:1.5rem}.form-buttons{flex-direction:column}.cancel-button,.edit-button,.save-button{width:100%}}@media (max-width:480px){.profile-content{margin-top:6rem;padding:1rem;width:98%}.profile-image-container{height:150px;width:150px}.profile-info h1{font-size:1.5rem}}.profile-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.profile-detail-item{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#1d4077;display:flex;font-size:1rem;gap:1rem;padding:1rem;transition:transform .3s ease}.profile-detail-item:hover{transform:translateX(5px)}.profile-detail-item svg{color:#1d4077;font-size:1.2rem}.profile-detail-item a{color:#1d4077;text-decoration:none;transition:color .3s ease}.profile-detail-item a:hover{color:#16325c;text-decoration:underline}.school-input-container{position:relative}.school-loading{color:#666;font-size:.9rem;padding:.5rem}.school-dropdown,.school-loading{background-color:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;left:0;position:absolute;right:0;top:100%;z-index:10}.school-dropdown{box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto}.school-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:.75rem;transition:background-color .2s ease}.school-option:last-child{border-bottom:none}.school-option:hover{background-color:#f8f9fa}.school-name{color:#1d4077;font-weight:500;margin-bottom:.25rem}.school-state{color:#666;font-size:.8rem}}.saved-listings-page{.saved-listings-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:20px}.saved-listings-header{margin-top:6.5rem;padding:20px 0;text-align:center}.saved-listings-header h1{color:#1d4077;font-size:2.5rem;font-weight:600;margin-bottom:10px}.empty-state{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.empty-state-content{max-width:400px}.empty-state-content h2{color:#333;font-size:1.8rem;font-weight:500;margin-bottom:15px}.empty-state-content p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:30px}.browse-button{background-color:#1d4077;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.browse-button:hover{background-color:#16325c;color:#fff;text-decoration:none}.saved-listings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}@media (max-width:768px){.saved-listings-container{padding:15px}.saved-listings-header h1{font-size:2rem}.saved-listings-header p{font-size:1rem}.empty-state-content h2{font-size:1.5rem}.empty-state-content p{font-size:1rem}.saved-listings-grid{gap:15px;grid-template-columns:1fr}}}
/*# sourceMappingURL=main.c20037bc.css.map*/