.map-view-inline{width:100%;height:100%}.map-view-inline-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.map-view-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.map-view-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;height:90vh;display:flex;position:relative;box-shadow:0 10px 40px #0000004d}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:15px;right:15px}.close-btn:hover{background:#ff5252}.map-view-header{text-align:center;border-bottom:1px solid #eee;flex-shrink:0;padding:12px 20px}.map-view-header h2{color:#2d3436;margin:0 0 4px;font-size:18px}.map-view-header p{color:#636e72;margin:0;font-size:13px}.location-selector{background:#f8f9fa;border-bottom:1px solid #eee;padding:15px 20px}.location-selector label{color:#2d3436;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.location-buttons{flex-wrap:wrap;gap:10px;display:flex}.location-btn{cursor:pointer;color:#2d3436;background:#fff;border:2px solid #ddd;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.location-btn:hover{background:#f0f9f4;border-color:#27ae60}.location-btn.active{color:#fff;background:#27ae60;border-color:#27ae60}.map-view-content{background-color:#fff;flex:1;gap:10px;min-height:0;padding:10px;display:flex;position:relative;overflow:hidden}.set-pin-container{z-index:100;position:absolute;bottom:20px;left:20px}.set-pin-wrapper{position:relative}.map-set-pin-btn{color:#004d00;cursor:pointer;background:#fff;border:2px solid #004d00;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000026}.map-set-pin-btn:hover{color:#fff;background:#004d00;transform:translateY(-2px);box-shadow:0 4px 15px #004d004d}.pin-dropdown-menu{background:#fff;border-radius:10px;min-width:200px;animation:.2s pinMenuSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 20px #0000002e}@keyframes pinMenuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pin-dropdown-menu button{color:#333;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.pin-dropdown-menu button:hover{color:#004d00;background:#f0f9f4}.pin-dropdown-menu button:not(:last-child){border-bottom:1px solid #f0f0f0}.pin-search-input-wrap{background:#fff;border:2px solid #004d00;border-radius:8px;align-items:center;gap:8px;min-width:280px;padding:8px 12px;display:flex;box-shadow:0 2px 10px #00000026}.pin-search-input{color:#333;border:none;outline:none;flex:1;font-size:14px}.pin-search-input::placeholder{color:#999}.pin-search-close{cursor:pointer;color:#999;background:0 0;border:none;padding:0 2px;font-size:16px}.pin-search-close:hover{color:#333}.properties-list{width:400px;box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex;overflow:hidden}.properties-scroll{flex:1;padding-right:5px;overflow-y:auto}.properties-scroll::-webkit-scrollbar{width:6px}.properties-scroll::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.property-list-item{color:#fff;cursor:pointer;background-color:#004d00;border:none;border-radius:12px;align-items:center;gap:15px;margin-bottom:15px;padding:15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 8px #0003}.property-list-item:hover{background-color:#005a00;padding-left:15px;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.property-list-item img{object-fit:cover;border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:100px;height:100px}.property-list-item .item-info{flex-direction:column;flex:1;gap:2px;display:flex}.property-list-item h5{color:#fff;margin:0 0 5px;font-size:16px;font-weight:700}.property-list-item .lease-period{color:#ecf0f1;font-size:13px}.property-list-item .price{color:#fff;margin:4px 0;font-size:15px;font-weight:600}.property-list-item .negotiable{color:#bdc3c7;font-size:12px;font-weight:400}.property-list-item .bedrooms{color:#bdc3c7;font-size:13px}.property-list-item .posted-by{color:#aebaba;margin-top:6px;font-size:12px;font-style:italic}.property-list-item .distance-tag{color:#f1c40f;margin-top:2px;font-size:12px;font-weight:500}@media (max-width:768px){.map-view-container{width:95%;height:95vh}.map-view-content{flex-direction:column}.properties-list{width:100%;max-height:250px}.location-buttons{gap:6px}.location-btn{padding:6px 12px;font-size:12px}}.crosshair-cursor{cursor:crosshair!important}.popup-content{text-align:center;padding:8px 0}.popup-content h4{margin:0 0 4px;font-size:14px;font-weight:600}.location-mode-tabs{gap:10px;margin-bottom:12px;display:flex}.mode-btn{cursor:pointer;color:#636e72;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.mode-btn.active{color:#fff;background:#27ae60;border-color:#27ae60}.location-controls{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px}.control-group{align-items:center;gap:10px;display:flex}.control-group label{margin:0;font-size:13px}.university-select{border:1px solid #ddd;border-radius:4px;flex:1;padding:8px;font-size:14px}.mode-info{color:#2d3436;margin:0;font-size:13px}.action-btn{color:#fff;cursor:pointer;background:#0984e3;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.action-btn:hover{background:#00cec9}