@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap');
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#172a30;--muted:#708084;--line:#e2e7e5;--paper:#f5f7f5;--white:#fff;--dark:#10252b;--dark2:#1a363a;--teal:#186c66;--soft:#e6f2ed;--gold:#b87d4a;--goldsoft:#f9eee3;--shadow:0 12px 35px rgba(27,47,47,.065)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,"DM Sans",sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.16;margin-bottom:8px}h2{font-size:1.25rem;line-height:1.2}h3{font-size:1rem;letter-spacing:-.02em}p{color:var(--muted)}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#d5e5e3;padding:27px 17px 20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{padding:0 11px;display:flex;align-items:center;gap:10px;color:white;font-family:Manrope,sans-serif;font-weight:800;font-size:1.17rem;letter-spacing:-.04em}.brand small{font-size:.55rem;letter-spacing:.2em;display:block;color:#b5c8c5;font-weight:600;margin-top:-3px}.nav-title{font-size:.69rem;text-transform:uppercase;letter-spacing:.16em;color:#819d9b;padding:0 14px;margin:0 0 9px}.nav{display:grid;gap:5px}.nav button{width:100%;border:0;background:transparent;color:#b7cbc9;border-radius:11px;padding:12px 13px;display:flex;align-items:center;text-align:left;gap:12px;font-weight:600;font-size:.89rem}.nav button:hover,.nav button:focus-visible{background:#203c40;color:white}.nav button.active{color:white;background:#28554f}.nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{margin-top:auto;background:#203a3d;border:1px solid #345459;padding:15px;border-radius:15px}.sidebar-foot b{color:#fff;font-size:.84rem}.sidebar-foot p{color:#a8bfbe;font-size:.79rem;margin:7px 0 0}.main{min-width:0}.topbar{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(20px,3.5vw,52px)}.topbar .crumb{color:var(--muted);font-size:.84rem}.topbar .crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:12px}.pill{border-radius:99px;padding:7px 11px;font-size:.73rem;font-weight:700;white-space:nowrap;background:#ecf4f0;color:#26715e}.avatar{width:36px;height:36px;border-radius:50%;background:#d9e9e6;color:#20594f;display:grid;place-items:center;font-weight:800;font-size:.8rem}.content{max-width:1480px;padding:31px clamp(20px,3.5vw,52px) 65px;margin:auto}.view{display:none}.view.active{display:block}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--teal);margin-bottom:10px}.view-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.view-head p{margin-bottom:0}.button{border:0;background:var(--teal);color:white;padding:11px 17px;border-radius:10px;font-weight:700;white-space:nowrap}.button:hover{background:#10534e}.button.secondary{background:white;border:1px solid #cddad5;color:var(--ink)}.button.light{background:#e6f2ed;color:var(--teal)}.button.small{font-size:.83rem;padding:9px 12px}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;background:white;padding:12px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);margin-bottom:20px}.field{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding:3px 13px}.field label{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field input,.field select{border:0;color:var(--ink);background:transparent;outline:0;font-weight:700;font-size:.93rem;min-width:0;width:100%;padding:3px 0}.filters .button{align-self:center;height:45px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.category-tabs button{border:1px solid #dce5e2;background:#fff;border-radius:99px;padding:9px 14px;color:#5d6f71;font-weight:700;font-size:.81rem}.category-tabs button.active{background:var(--dark);color:white;border-color:var(--dark)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 13px}.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:.84rem}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.property{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.property-photo{height:180px;position:relative;background-size:cover;background-position:center}.photo-commercial{background-image:url("./commercial.jpg")}.photo-industrial{background-image:url("./industrial.jpg")}.photo-farm{background-image:url("./farm.jpg")}.photo-badge{position:absolute;top:12px;left:12px;background:#fff;padding:6px 10px;border-radius:7px;font-size:.71rem;font-weight:800}.property-body{padding:17px 17px 16px;display:flex;flex-direction:column;flex:1}.property-price{font-family:Manrope,sans-serif;font-size:1.24rem;font-weight:800;letter-spacing:-.04em}.property-price small{font-size:.75rem;color:var(--muted);font-weight:600}.property h3{margin:8px 0 4px}.property .address{font-size:.83rem;margin:0 0 16px}.property-meta{display:flex;gap:12px;flex-wrap:wrap;color:#516469;font-size:.76rem;font-weight:600;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}.empty{background:white;padding:35px;border:1px dashed #b8c8c3;border-radius:14px;color:var(--muted)}.callout{background:var(--dark);color:#fff;border-radius:18px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;background-image:radial-gradient(circle at 90% 20%,#30625c 0%,transparent 27%)}.callout h2{margin-bottom:6px;color:white}.callout p{color:#bfd1ca;margin:0;max-width:550px}.callout .button{background:#d6a46f;color:#1c3030}.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:21px}.panel h2{margin-bottom:4px}.panel-sub{font-size:.78rem;margin-bottom:19px}.axis{display:flex;justify-content:space-around;margin-top:9px;color:var(--muted);font-size:.68rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8a989a;font-weight:800;border-bottom:1px solid var(--line);padding:12px 5px}.table td{padding:15px 5px;border-bottom:1px solid #edf0ef;font-size:.8rem}.table td:first-child{font-weight:700}.status{display:inline-block;border-radius:99px;background:#e6f2ed;color:#1a735f;font-size:.7rem;font-weight:800;padding:5px 9px}.status.amber{background:#fff1df;color:#a46c2a}.status.blue{background:#e8f0f8;color:#42719d}.strip{margin-top:17px;background:#f6f8f6;border-radius:12px;padding:14px 16px;color:#516264;font-size:.78rem}.strip strong{color:var(--ink)}.two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px}.rent-hero{background:linear-gradient(120deg,#153b3a,#1e6057);border-radius:17px;padding:25px;color:white;margin-bottom:17px}.rent-hero .muted{color:#b6d6cb;font-size:.78rem}.rent-hero strong{font-family:Manrope,sans-serif;display:block;font-size:2.15rem;letter-spacing:-.05em;margin:8px 0 1px}.rent-hero .row{display:flex;justify-content:space-between;align-items:end;gap:10px}.rent-hero p{color:#d1e5db;margin:5px 0 0;font-size:.82rem}.rent-hero button{background:white;color:#164f49}.notice{display:flex;gap:12px;align-items:start;padding:15px;border-radius:12px;margin-bottom:10px;background:#f3f7f4}.notice.gold{background:#fcf3e9}.notice b{font-size:.83rem}.notice p{font-size:.75rem;margin:3px 0 0}.notice .date{min-width:51px;font-weight:800;font-size:.72rem;color:var(--teal)}.notice.gold .date{color:#ad7440}.maintenance-list{display:grid;gap:10px}.ticket{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:start;justify-content:space-between;gap:12px}.ticket strong{font-size:.85rem}.ticket p{font-size:.75rem;margin:4px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(9,27,27,.6);display:none;place-items:center;padding:18px;z-index:20}.modal-backdrop.open{display:grid}.modal{background:#fff;border-radius:18px;padding:25px;width:min(100%,480px);box-shadow:0 25px 80px #05171866}.modal h2{margin-bottom:8px}.modal p{font-size:.85rem}.modal label{display:block;font-size:.79rem;font-weight:800;margin:14px 0 6px}.modal input,.modal textarea{width:100%;border:1px solid #d3deda;border-radius:9px;padding:10px 12px;outline-color:#24857a}.modal textarea{min-height:98px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mobile-nav{display:none}@media(max-width:1100px){.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.app{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 18px}.topbar .crumb{display:none}.content{padding:22px 16px 110px}.view-head{align-items:start}.view-head .button{display:none}.filters{grid-template-columns:1fr 1fr}.filters .field{border-right:0;border-bottom:1px solid var(--line)}.filters .field:first-child{grid-column:span 2}.filters .button{grid-column:span 2}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:7px 6px max(7px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#78888a;min-width:65px;font-size:.64rem;font-weight:800;display:grid;place-items:center;gap:2px;padding:5px}.mobile-nav button.active{color:var(--teal)}.mobile-nav svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}.callout{align-items:start;flex-direction:column}}@media(max-width:540px){.property-grid{grid-template-columns:1fr}.property-photo{height:215px}.view-head h1{font-size:1.63rem}.topbar .pill{display:none}.filters{grid-template-columns:1fr 1fr}.field{padding:5px}.rent-hero .row{align-items:start;flex-direction:column}.rent-hero .button{margin-top:15px}.table{min-width:520px}.category-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.category-tabs button{flex:none}}.view-head .button{display:inline-flex;align-items:center;gap:5px}.view-head .button.is-saved{background:var(--dark);color:white}.search-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px}.search-tools h2{margin:0 0 2px}.search-tools span,.search-context{color:var(--muted);font-size:.87rem}.search-context{margin:0 0 17px}.sort-label{font-size:.84rem;color:var(--muted);white-space:nowrap}.sort-label select{border:1px solid var(--line);background:white;padding:9px;border-radius:8px;color:var(--ink);font-weight:700}.match-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.match-tag{font-size:.72rem;font-weight:800;color:#206755;background:#e6f2ed;padding:5px 7px;border-radius:6px}.match-tag.near{color:#96622a;background:#fff0dd}.save-icon{position:absolute;right:11px;top:10px;width:35px;height:35px;border:0;border-radius:50%;background:white;color:#233e40;font-size:1.4rem;line-height:1;box-shadow:0 2px 8px #0002}.save-icon.selected{color:#b44251}.card-actions{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);gap:4px;margin-top:15px;padding-top:11px}.card-actions button{border:0;background:none;color:var(--teal);font-size:.78rem;font-weight:800;padding:5px 2px}.card-actions button:hover{text-decoration:underline}.recommend-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.recommend-links a{text-decoration:none}.subtle{font-size:.75rem;color:var(--muted);margin-top:17px}.alert-actions{display:flex;gap:8px;align-items:center;margin-bottom:15px}.alert-actions .button{font-size:.82rem}.notification-button{border:1px solid #d1dfda;background:white;border-radius:10px;color:var(--teal);padding:7px 10px;font-size:.85rem;font-weight:800}.notification-button strong{background:#b84652;color:white;border-radius:100px;padding:2px 6px;margin-left:3px}.alert-row{border:1px solid var(--line);padding:12px;border-radius:10px;margin:10px 0}.alert-row strong{display:block;font-size:.87rem}.alert-row small{color:var(--muted)}.modal select{width:100%;border:1px solid #d3deda;border-radius:9px;padding:10px 12px;background:#fff}.modal .button{display:inline-flex;align-items:center;justify-content:center}@media(max-width:800px){.view-head .button{display:inline-flex}.search-tools{align-items:start}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.property-grid{grid-template-columns:1fr}.view-head{flex-direction:column;gap:10px}.search-tools{flex-direction:column}.alert-actions{flex-wrap:wrap}.filters .field:first-child{grid-column:span 2}.card-actions button{font-size:.82rem}}.compare-bar{position:sticky;bottom:14px;z-index:8;margin-top:16px;background:#153b3a;color:white;box-shadow:0 12px 30px #102e3055;border-radius:12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.compare-bar[hidden]{display:none}.compare-bar .button.secondary{background:#fff}.modal:has(.comparison-scroll){width:min(100%,850px)}.comparison-scroll{overflow-x:auto}.comparison{width:100%;border-collapse:collapse;min-width:560px;text-align:left}.comparison th,.comparison td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:top;min-width:135px;font-size:.86rem}.comparison th{color:#2b5b58}.comparison thead th{background:#edf5f2;color:var(--ink)}@media(max-width:800px){.compare-bar{bottom:74px}}@media(max-width:540px){.compare-bar{flex-direction:column;align-items:stretch}.compare-bar div{display:flex;gap:6px}.compare-bar button{flex:1}}.show-more{display:block;margin:20px auto 0}.show-more[hidden]{display:none}#mobile-brand{display:none}.brand img{display:block;max-width:100%;height:auto}.topbar{box-shadow:0 2px 12px rgba(16,37,43,.025)}.property{transition:transform .16s ease,box-shadow .16s ease}.property:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,37,43,.11)}.property-photo::after{content:"";position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(transparent,rgba(7,26,27,.12));pointer-events:none}.property-photo .photo-badge,.property-photo .save-icon{z-index:1}.property h3{font-size:1.03rem}.address{line-height:1.4}@media(max-width:800px){#mobile-brand{display:flex}.topbar{height:66px}.topbar .avatar{width:32px;height:32px}.content{padding:18px 16px 110px}.view-head{margin-bottom:16px}.view-head p{font-size:.93rem;line-height:1.45}.filters{margin-bottom:15px;padding:9px;gap:7px}.field label{font-size:.75rem}.field input,.field select{font-size:1rem;padding:7px 0}.filters .button{height:46px}.category-tabs{margin-bottom:14px}.alert-actions{margin-bottom:18px}.property-photo{height:190px}}@media(max-width:540px){.topbar{padding:0 15px}.topbar .avatar{display:none}.content{padding:18px 14px 128px}.eyebrow{display:none}.view-head{gap:8px;margin-bottom:14px}.view-head h1{font-size:1.5rem;margin-bottom:4px}.view-head p{font-size:.87rem;margin-bottom:0}.view-head .button{font-size:.79rem;padding:8px 12px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px}.filters .field{padding:6px 8px}.filters .field:first-child{grid-column:span 2}.filters .button{grid-column:span 2}.field label{letter-spacing:.04em}.category-tabs button{font-size:.82rem;padding:8px 13px}.alert-actions{justify-content:space-between}.alert-actions .button,.notification-button{font-size:.77rem;padding:9px 10px}.search-tools h2{font-size:1.12rem}.search-tools{gap:8px;margin-bottom:7px}.search-context{font-size:.8rem;line-height:1.35;margin-bottom:12px}.property-photo{height:205px}.property-body{padding:15px}.property-meta{font-size:.8rem}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.card-actions button{border:1px solid #e2e9e7;border-radius:8px;padding:8px 2px;text-align:center}.compare-bar{bottom:74px;margin:10px -3px 0;box-shadow:0 5px 18px #102e3055}.mobile-nav button{min-width:0;flex:1;font-size:.68rem}.modal{max-height:calc(100dvh - 42px);overflow-y:auto;padding:20px}.modal-actions{position:sticky;bottom:-20px;background:white;padding:10px 0 0}}.property-grid{gap:19px}.property{border-radius:19px;border-color:#dce5e3;box-shadow:0 7px 24px rgba(16,37,43,.065)}.property:hover{box-shadow:0 18px 36px rgba(16,37,43,.13)}.property-photo{height:210px}.property-photo::after{height:90px;background:linear-gradient(transparent,rgba(5,24,26,.38))}.photo-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(17,43,47,.85);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:7px 10px;font-size:.76rem;letter-spacing:.01em}.photo-badge svg{width:15px;height:15px;flex:none}.save-icon{width:42px;height:42px;display:grid;place-items:center;color:#18373b;background:rgba(255,255,255,.96)}.save-icon svg{width:20px;height:20px}.save-icon.selected{color:#b54551;background:#fff}.save-icon.selected svg{fill:#b54551;stroke:#b54551}.property-body{padding:19px 19px 17px}.property-price{font-size:1.5rem;line-height:1.15;color:#132e32}.property-price small{font-size:.75rem;font-weight:700;letter-spacing:0}.property h3{font-size:1.02rem;line-height:1.3;letter-spacing:-.018em;margin:9px 0 6px}.property .address{display:flex;gap:5px;align-items:center;font-size:.83rem;margin:0;color:#6a7a7b}.address svg{width:15px;height:15px;flex:none;color:#4c8278}.property-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #e7ecea;margin-top:15px;padding-top:15px;color:#40585b}.amenity{display:flex;align-items:center;gap:5px;min-width:0;font-size:.75rem;font-weight:700;white-space:nowrap}.amenity svg{width:17px;height:17px;flex:none;color:#22756a}.amenity span{overflow:hidden;text-overflow:ellipsis}.listing-source{color:#819091;font-size:.72rem;font-weight:700;margin-top:14px}.card-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,40px);gap:7px;margin-top:11px;padding-top:0;border:0}.card-actions button{border:1px solid #dce5e2;border-radius:9px;background:#fff;color:#1c5450;padding:0;display:flex;align-items:center;justify-content:center;min-height:40px;transition:background .15s ease,color .15s ease,border-color .15s ease}.card-actions button:hover{background:#eaf3f0;text-decoration:none}.card-actions svg{width:17px;height:17px}.card-actions .view-property{background:#173c3d;color:white;border-color:#173c3d;font-size:.8rem;font-weight:800;gap:8px;padding:0 10px;justify-content:space-between}.card-actions .view-property:hover{background:#225f5b;color:#fff}.card-actions .icon-action.selected{background:#e6f2ed;border-color:#8db9ae;color:#17695f}.match-tags{margin:0 0 11px}.match-tag{font-size:.7rem}.view-head .button svg,.alert-actions svg,.notification-button svg{width:17px;height:17px}.view-head .button,.alert-actions .button,.notification-button{display:inline-flex;align-items:center;gap:7px}.view-head .button #saved-count{padding-left:1px}.notification-button strong{line-height:1.4}@media(max-width:800px){.property-photo{height:205px}.property-grid{gap:14px}}@media(max-width:540px){.property-photo{height:220px}.property-body{padding:17px}.property-price{font-size:1.45rem}.property-meta{gap:6px}.amenity{font-size:.76rem}.card-actions{grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:7px}.card-actions button{min-height:44px;padding:0}.card-actions .view-property{padding:0 12px}.card-actions .icon-action{width:44px}.card-actions svg{width:18px;height:18px}}.recommend-links button svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.detail-amenities{display:flex;flex-wrap:wrap;gap:12px;background:#f5f8f7;border-radius:10px;padding:13px;margin:12px 0}.detail-amenities .amenity{font-size:.84rem}.comparison-amenities{display:grid;gap:8px}.comparison-amenities .amenity{font-size:.8rem}.photo-own-1{background-image:url("./sample-houses/house-01.jpeg")}.photo-own-2{background-image:url("./sample-houses/house-02.jpeg")}.photo-own-3{background-image:url("./sample-houses/house-03.jpeg")}.photo-own-4{background-image:url("./sample-houses/house-04.jpeg")}.photo-own-5{background-image:url("./sample-houses/house-05.jpeg")}.photo-own-6{background-image:url("./sample-houses/house-06.jpeg")}.photo-own-7{background-image:url("./sample-houses/house-07.jpeg")}.detail-photo,.compare-thumb{background-size:cover;background-position:center;border-radius:12px;background-color:#d9e2de}.detail-photo{height:220px;margin:-5px -5px 18px}.compare-thumb{height:88px;margin:0 0 9px}.modal:has(.detail-photo){width:min(100%,620px)}.property-meta{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.amenity{font-size:.78rem}.comparison-amenities{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:540px){.detail-photo{height:180px}.property-meta{row-gap:9px}.amenity{font-size:.76rem}}.filters .field{min-width:0}.filters .field label{white-space:nowrap}.filters .field select{max-width:100%;text-overflow:ellipsis}@media(max-width:540px){.filters{gap:10px;padding:12px}.filters .field{padding:8px 10px}.filters .field label{font-size:.76rem;letter-spacing:.05em}.filters .field input,.filters .field select{line-height:1.3;padding:8px 0}.filters .button{margin-top:2px}}/* Approved Theo identity: midnight navy, champagne gold and restrained teal amenities. */:root{--ink:#19283b;--muted:#687783;--line:#dfe6e9;--paper:#f6f8fa;--dark:#111d2d;--dark2:#1b334b;--teal:#176c66;--soft:#eaf4f3;--gold:#c79a5f;--goldsoft:#faf1e5;--shadow:0 12px 34px rgba(19,35,53,.065)}.sidebar{background:#111d2d;color:#e3e9ed}.sidebar-symbol{gap:10px;padding:0 10px;white-space:nowrap;font-size:.9rem;letter-spacing:.16em}.sidebar-symbol img{width:40px;height:40px;flex:none}.sidebar-symbol small{font-size:.52rem;letter-spacing:.2em;color:#becbd4;margin-top:3px}.sidebar .nav-title{color:#b2beca}.sidebar .nav button{color:#c3d0d8}.sidebar .nav button:hover,.sidebar .nav button:focus-visible{background:#22384d;color:#fff}.sidebar .nav button.active{background:#273d52;color:#fff;box-shadow:inset 3px 0 #d7ad70}.sidebar-foot{background:#1c3045;border-color:#31465b}.sidebar-foot p{color:#c1cbd3}.button{background:#1b334b}.button:hover{background:#102638}.button.light{background:#edf4f4;color:#185e5b}.button.secondary{border-color:#d0dce0}.pill{background:#f7efe4;color:#81603e}.avatar{background:#e8f0f3;color:#203c52}.category-tabs button.active{background:#1b334b;border-color:#1b334b}.eyebrow{color:#a5723f}.property-price{color:#19283b}.photo-badge{background:rgba(18,32,49,.88)}.callout{background-color:#14273d;background-image:radial-gradient(circle at 90% 20%,#3a4f60 0%,transparent 28%)}.callout .button{background:#d7ad70;color:#17293a}.callout p{color:#d1dce2}.rent-hero{background:linear-gradient(120deg,#172c43,#2f4b5d)}.compare-bar{background:#172c43}.mobile-nav button.active{color:#183e59}.topbar-brand-group{display:flex;align-items:center;gap:20px;min-width:0}#mobile-brand.official-header-logo{display:flex;align-items:center;justify-content:flex-start;width:211px;height:54px;overflow:hidden;padding:0;flex:none}.official-header-logo img{width:240px;height:80px;max-width:none;flex:none;transform:translate(-14px,-13px)}.topbar .crumb{border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}.property-meta{gap:9px 7px}.amenity{display:flex;align-items:center;gap:7px;font-size:.76rem;color:#263847;min-width:0}.amenity-icon{width:31px;height:31px;border-radius:9px;background:linear-gradient(140deg,#e4f3f1,#f0f8f7);display:grid;place-items:center;flex:none}.amenity-icon svg,.amenity svg{width:19px;height:19px;color:#186c65}.amenity>span:last-child{overflow:hidden;text-overflow:ellipsis}.detail-amenities{background:#f5f8f9}.detail-amenities .amenity{font-size:.83rem}.comparison-amenities .amenity{font-size:.78rem}@media(max-width:800px){.topbar-brand-group{gap:0}#mobile-brand.official-header-logo{width:188px;height:48px}.official-header-logo img{width:214px;height:71.3px;transform:translate(-13px,-11px)}.topbar .crumb{display:none}}@media(max-width:540px){.property-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.amenity{font-size:.79rem}.amenity-icon{width:33px;height:33px}.amenity-icon svg{width:20px;height:20px}.topbar{background:#fff}}

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap');

:root{
  --theo-font:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

html,body,button,input,select,textarea,table,thead,tbody,tfoot,tr,th,td,label,option,a,span,div,p,strong,small{
  font-family:var(--theo-font) !important;
}

body,p,td,input,select,textarea{font-weight:500 !important;}
button,.nav-item,.primary,.secondary,.table-btn{font-weight:700 !important;}

table td{
  font-size:10px !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
  color:#314454 !important;
}

table td strong{
  font-weight:700 !important;
  color:#17283a !important;
}

table th{
  font-size:8.5px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

select,select option{
  font-family:var(--theo-font) !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

input,textarea{
  font-size:10px !important;
  line-height:1.4 !important;
}

small,.entity small{
  font-size:8.75px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}

h1{
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}

h2,h3,h4{
  font-weight:700 !important;
  letter-spacing:-.02em !important;
}


/* =========================================================
   THEO PROPERTIES — GLOBAL PREMIUM MENU SELECTOR LOCK
   Align Marketplace / Tenant / Landlord / Managed with Admin
   ========================================================= */

/* Normal sidebar navigation rows */
.sidebar :is(
  .nav-item,
  .menu-item,
  .sidebar-link,
  .workspace-link,
  a[data-page],
  button[data-page]
){
  position:relative !important;
  overflow:hidden !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

/* Quiet hover */
.sidebar :is(
  .nav-item,
  .menu-item,
  .sidebar-link,
  .workspace-link,
  a[data-page],
  button[data-page]
):hover{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.035) !important;
}

/* ---------------------------------------------------------
   ACTIVE / SELECTED WORKSPACE ITEM
   --------------------------------------------------------- */

.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
){
  position:relative !important;

  background:
    linear-gradient(
      90deg,
      rgba(40,78,99,.72) 0%,
      rgba(27,59,78,.52) 72%,
      rgba(18,46,63,.28) 100%
    ) !important;

  border-color:rgba(119,158,177,.18) !important;
  border-radius:10px !important;

  box-shadow:none !important;

  color:#fff !important;
}

/* Slim Theo gold selector */
.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
)::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:#d9ad59;
}

/* Active primary text */
.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
) strong{
  color:#fff !important;
}

/* Active secondary text */
.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
) small{
  color:#b9cbd4 !important;
}

/* ---------------------------------------------------------
   ICON TREATMENT
   --------------------------------------------------------- */

.sidebar :is(
  .nav-item,
  .menu-item,
  .sidebar-link,
  .workspace-link
) :is(
  .nav-icon,
  .menu-icon,
  .sidebar-icon,
  .workspace-icon
){
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease !important;
}

.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
) :is(
  .nav-icon,
  .menu-icon,
  .sidebar-icon,
  .workspace-icon
){
  background:#18384b !important;
  border-color:#55778b !important;
  color:#e2b866 !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 3px 10px rgba(0,0,0,.08) !important;
}

/* SVG icons follow Theo gold */
.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
) svg{
  stroke:#e2b866 !important;
}

/* ---------------------------------------------------------
   CHEVRON / ARROW
   --------------------------------------------------------- */

.sidebar :is(
  .nav-item,
  .menu-item,
  .sidebar-link,
  .workspace-link
) :is(
  .nav-arrow,
  .menu-arrow,
  .sidebar-arrow,
  .chevron
){
  color:#708a98 !important;
  transition:.18s ease !important;
}

.sidebar :is(
  .nav-item.active,
  .menu-item.active,
  .sidebar-link.active,
  .workspace-link.active,
  [aria-current="page"]
) :is(
  .nav-arrow,
  .menu-arrow,
  .sidebar-arrow,
  .chevron
){
  color:#e1b45c !important;
  transform:translateX(1px);
}

/* Keyboard accessibility */
.sidebar :is(
  .nav-item,
  .menu-item,
  .sidebar-link,
  .workspace-link,
  a,
  button
):focus-visible{
  outline:2px solid rgba(217,173,89,.7) !important;
  outline-offset:2px !important;
}


/* =========================================================
   THEO PROPERTIES — PREMIUM STATUS CHIP SYSTEM
   ========================================================= */

.badge,
.status-badge,
.status-pill,
.status-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:28px !important;
  padding:5px 10px !important;

  border-radius:8px !important;
  border:1px solid transparent !important;

  font-family:var(--theo-font) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;

  white-space:nowrap !important;

  box-shadow:none !important;
}

/* Positive / completed */
.badge.success,
.badge.rented,
.badge.published,
.status-rented,
.status-published{
  color:#176b58 !important;
  background:#edf8f4 !important;
  border-color:#d7eee6 !important;
}

/* Active pipeline */
.badge.info,
.badge.shortlisted,
.badge.viewing,
.status-shortlisted,
.status-viewing{
  color:#315f87 !important;
  background:#f0f5fa !important;
  border-color:#dce8f2 !important;
}

/* Attention / open / offer */
.badge.warning,
.badge.submitted,
.badge.available,
.badge.offer,
.status-submitted,
.status-available,
.status-offer{
  color:#946124 !important;
  background:#fff7ea !important;
  border-color:#f2dfbe !important;
}

/* Neutral */
.badge.neutral,
.status-neutral{
  color:#566b78 !important;
  background:#f3f6f7 !important;
  border-color:#e2e8eb !important;
}

/* Critical */
.badge.danger,
.status-danger{
  color:#a53c45 !important;
  background:#fff1f2 !important;
  border-color:#f2d6d9 !important;
}


/* Prevent chips from becoming oversized inside cards/tables */
table .badge,
.property-card .badge,
.application-card .badge{
  min-height:26px !important;
  padding:4px 9px !important;
  font-size:8.75px !important;
}


/* Theo active menu final override */
.sidebar .active,
.sidebar [aria-current="page"],
.sidebar .selected,
.sidebar .is-active,
.sidebar .current{
  outline:none !important;
  box-shadow:none !important;
  border:1px solid rgba(102,145,165,.18) !important;
  border-radius:11px !important;
}


/* Theo premium-sidebar legacy focus-ring removal */

.premium-sidebar button,
.premium-sidebar a{
  -webkit-tap-highlight-color:transparent;
}

.premium-sidebar button:focus,
.premium-sidebar a:focus{
  box-shadow:none !important;
}


/* THEO PROPERTIES — COMPACT 20PX STATUS CHIP LOCK */

.badge,
.status-badge,
.status-pill,
.status-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:22px !important;
  height:22px !important;

  padding:0 8px !important;

  border-radius:7px !important;

  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:700 !important;

  white-space:nowrap !important;
  box-shadow:none !important;
}

table .badge,
table .status-badge,
table .status-pill,
table .status-chip{
  min-height:20px !important;
  height:20px !important;

  padding:0 7px !important;

  border-radius:6px !important;

  font-size:8px !important;
  line-height:1 !important;
}


.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}