:root{--mi-font:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mi-radius:10px;--mi-primary:#08788a;--mi-primary-hover:#066475;--mi-primary-pressed:#054e5d;--mi-primary-text:#fff;--mi-secondary-bg:#fff;--mi-secondary-border:#08788a;--mi-secondary-text:#08788a;--mi-secondary-hover:#eaf5f6;--mi-secondary-pressed:#daebed;--mi-ghost-bg:transparent;--mi-ghost-text:#08788a;--mi-ghost-hover:#eaf5f6;--mi-ghost-pressed:#daebed;--mi-danger:#b42318;--mi-danger-hover:#971e15;--mi-danger-pressed:#7a190f;--mi-danger-text:#fff;--mi-disabled-bg:#edf0f2;--mi-disabled-border:#dbe1e6;--mi-disabled-text:#798692;--mi-focus-gap:#fff;--mi-focus-ring:#08788a;--mi-success:#146c43;--mi-error:#b42318;--mi-tab-container-bg:#eef3f5;--mi-tab-text:#5c6b7c;--mi-tab-selected-bg:#08788a;--mi-tab-selected-text:#fff;--mi-tab-hover-bg:#066475;--mi-tab-hover-text:#fff;--mi-tab-pressed-bg:#054e5d;--mi-tab-pressed-text:#fff}.mi-btn{font-family:var(--mi-font);letter-spacing:0;border-radius:var(--mi-radius);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;vertical-align:middle;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 17px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .12s cubic-bezier(.23,1,.32,1),box-shadow .14s;display:inline-flex;position:relative}.mi-btn:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{transform:scale(.97)}.mi-btn:focus-visible{z-index:2;box-shadow:0 0 0 2px var(--mi-focus-gap), 0 0 0 4px var(--mi-focus-ring)!important;outline:none!important}.mi-btn:disabled:not([aria-busy=true]),.mi-btn[aria-disabled=true]:not([aria-busy=true]){pointer-events:none;background-color:var(--mi-disabled-bg)!important;border-color:var(--mi-disabled-border)!important;color:var(--mi-disabled-text)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.mi-btn[aria-busy=true]{pointer-events:none;cursor:progress!important;transform:none!important}.mi-btn-content{place-items:center;display:inline-grid}.mi-btn-label,.mi-btn-loading-label{grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mi-btn-loading-label,.mi-btn[aria-busy=true] .mi-btn-label{visibility:hidden}.mi-btn[aria-busy=true] .mi-btn-loading-label{visibility:visible}.mi-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite mi-btn-spin;display:inline-block}@keyframes mi-btn-spin{to{transform:rotate(360deg)}}.mi-btn-primary{background-color:var(--mi-primary);color:var(--mi-primary-text);border-color:#0000}@media (hover:hover) and (pointer:fine){.mi-btn-primary:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):hover{background-color:var(--mi-primary-hover);color:var(--mi-primary-text)}}.mi-btn-primary:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{background-color:var(--mi-primary-pressed);color:var(--mi-primary-text)}.mi-btn-secondary{background-color:var(--mi-secondary-bg);color:var(--mi-secondary-text);border-color:var(--mi-secondary-border)}@media (hover:hover) and (pointer:fine){.mi-btn-secondary:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):hover{background-color:var(--mi-secondary-hover);color:var(--mi-secondary-text);border-color:var(--mi-secondary-border)}}.mi-btn-secondary:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{background-color:var(--mi-secondary-pressed);border-color:var(--mi-secondary-border)}.mi-btn-ghost{background-color:var(--mi-ghost-bg);color:var(--mi-ghost-text);border-color:#0000}@media (hover:hover) and (pointer:fine){.mi-btn-ghost:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):hover{background-color:var(--mi-ghost-hover);color:var(--mi-ghost-text);border-color:#0000}}.mi-btn-ghost:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{background-color:var(--mi-ghost-pressed);border-color:#0000}.mi-btn-danger{background-color:var(--mi-danger);color:var(--mi-danger-text);border-color:#0000}@media (hover:hover) and (pointer:fine){.mi-btn-danger:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):hover{background-color:var(--mi-danger-hover);color:var(--mi-danger-text)}}.mi-btn-danger:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{background-color:var(--mi-danger-pressed);color:var(--mi-danger-text)}.mi-btn-success{background-color:var(--mi-success)!important;color:#fff!important;border-color:#0000!important}.mi-btn-error{color:var(--mi-error)!important;border-color:var(--mi-error)!important;background-color:#fff!important}.mi-btn-icon{width:44px;height:44px;min-height:44px;color:var(--mi-primary);border-radius:var(--mi-radius);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;border:1px solid #0000!important;padding:0!important}@media (hover:hover) and (pointer:fine){.mi-btn-icon:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):hover{background-color:var(--mi-ghost-hover);color:var(--mi-primary);border-color:#0000!important}}.mi-btn-icon:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]):active{background-color:var(--mi-ghost-pressed);transform:scale(.97);border-color:#0000!important}.mi-btn-icon[aria-pressed=true],.mi-btn-icon.selected{background-color:var(--mi-ghost-hover);color:var(--mi-primary);border-color:#0000!important}.mi-btn-icon:focus-visible{box-shadow:0 0 0 2px var(--mi-focus-gap), 0 0 0 4px var(--mi-focus-ring)!important;outline:none!important}.mi-btn.mi-btn-icon:disabled,.mi-btn.mi-btn-icon[aria-disabled=true]{border-color:#0000!important}.mi-btn-lg{height:48px;min-height:48px;padding:0 22px;font-size:13px}.mi-btn-sm{height:36px;min-height:36px;padding:0 12px;font-size:11px}.mi-btn-icon.mi-btn-sm{width:44px;height:44px;min-height:44px;padding:0!important}.mi-btn-icon.mi-btn-lg{width:48px;height:48px;min-height:48px;padding:0!important}.mi-selection-group{border-radius:var(--mi-radius);background-color:var(--mi-tab-container-bg);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:3px;padding:4px;display:inline-flex}.mi-selection-item{font-family:var(--mi-font);height:36px;min-height:36px;color:var(--mi-tab-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .14s,color .14s,transform .12s cubic-bezier(.23,1,.32,1),box-shadow .14s;display:inline-flex;border:1px solid #0000!important}.mi-selection-item:focus-visible{z-index:2;box-shadow:0 0 0 2px var(--mi-focus-gap), 0 0 0 4px var(--mi-focus-ring)!important;outline:none!important}.mi-selection-item[aria-pressed=true],.mi-selection-item[aria-selected=true],.mi-selection-item.selected{box-shadow:0 1px 4px #17384c14;background-color:var(--mi-tab-selected-bg)!important;color:var(--mi-tab-selected-text)!important}@media (hover:hover) and (pointer:fine){.mi-selection-item:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--mi-tab-hover-bg)!important;color:var(--mi-tab-hover-text)!important}}.mi-selection-item:not(:disabled):not([aria-disabled=true]):active{transform:scale(.97);background-color:var(--mi-tab-pressed-bg)!important;color:var(--mi-tab-pressed-text)!important}.mi-selection-item:disabled,.mi-selection-item[aria-disabled=true]{pointer-events:none;background-color:var(--mi-disabled-bg)!important;color:var(--mi-disabled-text)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}@media (prefers-reduced-motion:reduce){.mi-btn,.mi-selection-item{transition:none!important;transform:none!important}.mi-btn-spinner{animation:none!important}}.mi-btn svg,.mi-selection-item svg{flex-shrink:0;width:16px;height:16px}.mi-btn-icon svg{flex-shrink:0;width:17px;height:17px}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#0f172a;background-color:#f8fafc;max-width:100%;line-height:1.6;overflow-x:hidden}.app-wrapper{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.main-content-wrapper{flex-grow:1;padding-top:20px;display:flex;overflow:hidden}.main-content{flex-grow:1;display:flex;overflow:hidden}.listings-section{flex:1;align-content:flex-start;gap:20px;padding:20px;display:grid;overflow-y:auto}.map-section{background-color:#e0e0e0;flex-shrink:0;justify-content:center;align-items:center;width:40%;height:90%;margin:0;display:flex;position:sticky;top:80px;overflow:hidden}.map-image{object-fit:cover;width:100%;height:100%}.property-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.property-card:hover{transform:translateY(-4px)}.image-carousel{width:100%;height:200px;position:relative;overflow:hidden}.image-carousel img{object-fit:cover;width:100%;height:100%;display:block}.carousel-nav{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-carousel:hover .carousel-nav{opacity:1}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.image-dots{gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.image-dots .dot{cursor:pointer;background:#fff9;border-radius:50%;width:8px;height:8px}.image-dots .dot.active{background:#fff}.favorite-button,.share-button{cursor:pointer;z-index:10;background:0 0;border:none;padding:5px;position:absolute;top:10px}.favorite-button{right:40px}.share-button{right:10px}.property-info{flex-direction:column;flex-grow:1;padding:15px;display:flex}.property-title{color:#333;margin-bottom:5px;font-size:1.1rem;font-weight:600}.property-name{color:#555;margin-bottom:5px;font-size:.95rem}.property-location{color:#777;margin-bottom:10px;font-size:.85rem}.property-details{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.property-details .price{color:#cba135;font-size:1.1rem;font-weight:700}.property-details .rating{color:#cba135;align-items:center;gap:5px;font-size:.9rem;display:flex}.property-amenities{flex-wrap:wrap;gap:5px;margin-top:10px;margin-bottom:10px;display:flex}.amenity-tag{color:#555;background:#e0e0e0;border-radius:4px;padding:3px 8px;font-size:.75rem}.property-provider{color:#999;text-align:right;margin-top:5px;font-size:.8rem}.no-results-message{text-align:center;color:#666;grid-column:1/-1;padding:50px;font-size:1.2rem}.loading-container{color:#333;background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.spinner{border:4px solid #0000001a;border-left-color:#cba135;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:900px){.main-content-wrapper{flex-direction:column}.map-section{order:-1;width:100%;height:300px;position:static}.listings-section{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:15px}}@media (max-width:600px){.listings-section{grid-template-columns:1fr;padding:10px}.property-card{margin-bottom:15px}}.footer-link{color:#cbd5e1;font-size:15px;text-decoration:none;transition:color .25s,transform .25s;display:inline-block}.footer-link:hover{transform:translate(5px);color:#3bb2f6!important}.btn-login{font-family:var(--mi-font);border-radius:var(--mi-radius);background:var(--mi-secondary-bg);border:1px solid var(--mi-secondary-border);height:44px;min-height:44px;color:var(--mi-secondary-text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 17px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .12s cubic-bezier(.23,1,.32,1);display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-login:hover{background:var(--mi-secondary-hover);color:var(--mi-secondary-text)}}.btn-login:active{background:var(--mi-secondary-pressed);transform:scale(.97)}.btn-list-property{font-family:var(--mi-font);border-radius:var(--mi-radius);background:var(--mi-primary);height:44px;min-height:44px;color:var(--mi-primary-text);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 17px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .14s,transform .12s cubic-bezier(.23,1,.32,1);display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-list-property:hover{background:var(--mi-primary-hover);color:var(--mi-primary-text)}}.btn-list-property:active{background:var(--mi-primary-pressed);transform:scale(.97)}.property-details-grid{grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;display:grid}.property-details-img-box{background:#f3f4f6;border-radius:20px;width:100%;height:460px;position:relative;overflow:hidden}@media (max-width:900px){.property-details-grid{grid-template-columns:1fr;gap:1.5rem}.property-details-img-box{border-radius:12px;height:300px}}:root{--text-primary:#0f172a;--text-muted:#475569;--surface:#fff;--surface-subtle:#f8fafc;--border:#cbd5e1;--action-primary:#075985;--action-hover:#0c4a6e;--action-gold:#805900;--focus-ring:#075985;--radius-control:8px;--radius-panel:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}body{color:var(--text-primary);background:var(--surface-subtle);font-family:inherit}button,input,select,textarea{font:inherit}button{min-height:44px}:where(a:not(.mi-btn):not(.mi-selection-item),button:not(.mi-btn):not(.mi-selection-item),input,select,textarea,summary,[tabindex]:not(.mi-btn):not(.mi-selection-item)):focus-visible{outline-offset:3px;outline:3px solid var(--focus-ring)!important}:where(h1,h2,h3,p,dd,a){overflow-wrap:break-word}:where(main,section,article){min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline-color:highlight!important}button{border:1px solid buttontext}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
