:root{--color-bg-body:#0f1115;--color-bg-surface:#181b21;--color-bg-surface-hover:#22262e;--color-bg-input:#0f1115;--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--primary-orange:#f97316;--primary-orange-hover:#ea580c;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-border:#2d3748;--color-border-hover:#4a5568;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--font-family-base:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"Berkeley Mono",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:4px;--radius-base:8px;--radius-lg:12px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.25s;--ease-standard:cubic-bezier(.16,1,.3,1);--select-caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f3f4f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}*{box-sizing:border-box}html{font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-bg-body);-webkit-font-smoothing:antialiased;line-height:1.5}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}p{margin:0 0 var(--space-16)0}a{color:var(--primary-blue);transition:color var(--duration-fast)var(--ease-standard);text-decoration:none}a:hover{color:var(--primary-blue-hover)}.m-0{margin:0!important}.m-1{margin:var(--space-4)!important}.m-2{margin:var(--space-8)!important}.m-3{margin:var(--space-12)!important}.m-4{margin:var(--space-16)!important}.m-5{margin:var(--space-24)!important}.m-6{margin:var(--space-32)!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-4)!important}.mt-2{margin-top:var(--space-8)!important}.mt-3{margin-top:var(--space-12)!important}.mt-4{margin-top:var(--space-16)!important}.mt-5{margin-top:var(--space-24)!important}.mt-6{margin-top:var(--space-32)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-4)!important}.mb-2{margin-bottom:var(--space-8)!important}.mb-3{margin-bottom:var(--space-12)!important}.mb-4{margin-bottom:var(--space-16)!important}.mb-5{margin-bottom:var(--space-24)!important}.mb-6{margin-bottom:var(--space-32)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-4)!important}.ml-2{margin-left:var(--space-8)!important}.ml-3{margin-left:var(--space-12)!important}.ml-4{margin-left:var(--space-16)!important}.ml-5{margin-left:var(--space-24)!important}.ml-6{margin-left:var(--space-32)!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-4)!important}.mr-2{margin-right:var(--space-8)!important}.mr-3{margin-right:var(--space-12)!important}.mr-4{margin-right:var(--space-16)!important}.mr-5{margin-right:var(--space-24)!important}.mr-6{margin-right:var(--space-32)!important}.mr-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-2{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-3{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-4{margin-left:var(--space-16);margin-right:var(--space-16)}.mx-5{margin-left:var(--space-24);margin-right:var(--space-24)}.mx-6{margin-left:var(--space-32);margin-right:var(--space-32)}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-2{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-3{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-4{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-5{margin-top:var(--space-24);margin-bottom:var(--space-24)}.my-6{margin-top:var(--space-32);margin-bottom:var(--space-32)}.p-0{padding:0!important}.p-1{padding:var(--space-4)!important}.p-2{padding:var(--space-8)!important}.p-3{padding:var(--space-12)!important}.p-4{padding:var(--space-16)!important}.p-5{padding:var(--space-24)!important}.p-6{padding:var(--space-32)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-4)!important}.pt-2{padding-top:var(--space-8)!important}.pt-3{padding-top:var(--space-12)!important}.pt-4{padding-top:var(--space-16)!important}.pt-5{padding-top:var(--space-24)!important}.pt-6{padding-top:var(--space-32)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-4)!important}.pb-2{padding-bottom:var(--space-8)!important}.pb-3{padding-bottom:var(--space-12)!important}.pb-4{padding-bottom:var(--space-16)!important}.pb-5{padding-bottom:var(--space-24)!important}.pb-6{padding-bottom:var(--space-32)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-4)!important}.pl-2{padding-left:var(--space-8)!important}.pl-3{padding-left:var(--space-12)!important}.pl-4{padding-left:var(--space-16)!important}.pl-5{padding-left:var(--space-24)!important}.pl-6{padding-left:var(--space-32)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-4)!important}.pr-2{padding-right:var(--space-8)!important}.pr-3{padding-right:var(--space-12)!important}.pr-4{padding-right:var(--space-16)!important}.pr-5{padding-right:var(--space-24)!important}.pr-6{padding-right:var(--space-32)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-4);padding-right:var(--space-4)}.px-2{padding-left:var(--space-8);padding-right:var(--space-8)}.px-3{padding-left:var(--space-12);padding-right:var(--space-12)}.px-4{padding-left:var(--space-16);padding-right:var(--space-16)}.px-5{padding-left:var(--space-24);padding-right:var(--space-24)}.px-6{padding-left:var(--space-32);padding-right:var(--space-32)}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-2{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-3{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-4{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-5{padding-top:var(--space-24);padding-bottom:var(--space-24)}.py-6{padding-top:var(--space-32);padding-bottom:var(--space-32)}.gap-1{gap:var(--space-4)}.gap-2{gap:var(--space-8)}.gap-3{gap:var(--space-12)}.gap-5{gap:var(--space-24)}.gap-6{gap:var(--space-32)}.header{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:1000;position:sticky;top:0}.header-container{padding:var(--space-12)var(--space-16);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo h1{color:var(--primary-blue);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.nav-menu{gap:var(--space-24);align-items:center;display:flex}.nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--space-8)var(--space-12);border-radius:var(--radius-base);transition:all var(--duration-fast);text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--primary-blue);background-color:#3b82f61a}.auth-section,.user-section{align-items:center;gap:var(--space-12);display:flex}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mobile-menu-btn{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;display:none}.hero{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-32)var(--space-16);text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.hero-content{max-width:800px;margin:0 auto}.hero h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-12);color:var(--color-text-primary)}.hero p{font-size:var(--font-size-xl);margin-bottom:var(--space-32);color:var(--color-text-secondary)}.search-tabs{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-24);display:flex}.tab-btn{padding:var(--space-12)var(--space-24);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--duration-fast);background:#ffffff0d}.tab-btn.active,.tab-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.search-container{margin-bottom:var(--space-32)}.search-bar{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-lg);margin:0 auto;display:flex;overflow:hidden}.search-input-group{flex:1;position:relative}.search-input{width:100%;padding:var(--space-16)var(--space-20);font-size:var(--font-size-lg);background:var(--color-bg-surface);color:var(--color-text-primary);border:none;outline:none}.search-input::placeholder{color:var(--color-text-tertiary)}.suggestions-dropdown{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{padding:var(--space-12)var(--space-16);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--duration-fast)}.suggestion-item:hover{background-color:var(--color-bg-surface-hover)}.search-btn{padding:var(--space-16)var(--space-24);background:var(--primary-orange);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:var(--space-8);transition:background-color var(--duration-fast);border:none;display:flex}.search-btn:hover{background:var(--primary-orange-hover)}.property-types{justify-content:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.property-type-btn{align-items:center;gap:var(--space-8);padding:var(--space-16);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast);flex-direction:column;min-width:120px;display:flex}.property-type-btn:hover{background:var(--color-bg-surface-hover);border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.main-content{margin:20px auto}.content-container{gap:var(--space-24);grid-template-columns:280px 1fr;display:grid}.filters-sidebar{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-20);height:fit-content;position:sticky;top:100px}.filters-header{margin-bottom:var(--space-20);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filter-group{margin-bottom:var(--space-20);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border)}.filter-group:last-child{border-bottom:none}.filter-group h4{margin:0 0 var(--space-12)0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.checkbox-group{gap:var(--space-8);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-8);cursor:pointer;padding:var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color var(--duration-fast);display:flex}.checkbox-label:hover{background-color:var(--color-bg-surface-hover);color:var(--color-text-primary)}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:1px solid var(--color-text-tertiary);border-radius:var(--radius-sm);background:var(--color-bg-input);width:16px;height:16px;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.price-range{position:relative}.price-slider{border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;height:6px;margin:var(--space-8)0;appearance:none;outline:none}.price-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-blue);cursor:pointer;border:2px solid var(--color-bg-surface);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%}.price-labels{font-size:var(--font-size-sm);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.property-listings{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.listings-header{padding:var(--space-20);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.results-count{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.view-controls{align-items:center;gap:var(--space-16);display:flex}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;overflow:hidden}.view-btn{padding:var(--space-8)var(--space-12);background:var(--color-bg-surface);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast);border:none}.view-btn.active,.view-btn:hover{background:var(--primary-blue);color:#fff}.property-grid{gap:var(--space-20);padding:var(--space-20);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal);border:none;justify-content:center;align-items:center;padding:8px 16px;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--primary-blue);color:#fff}.btn--primary:hover{background:var(--primary-blue-hover)}.btn--outline{border:1px solid var(--color-border);color:var(--color-text-primary);background:0 0}.btn--outline:hover{background:var(--color-bg-surface-hover);border-color:var(--color-text-secondary)}.btn--sm{font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:4px 12px}.btn--full-width{width:100%}.contact-btn{background:var(--primary-blue);color:#fff;border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--duration-fast);border:none;flex:1;padding:8px 16px}.contact-btn:hover{background:var(--primary-blue-hover)}.save-btn{border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast);background:0 0;padding:8px}.save-btn:hover,.save-btn.saved{color:var(--color-error);border-color:var(--color-error);background:#ef44441a}.form-control{width:100%;font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);padding:8px 12px;display:block}.form-control:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 2px #3b82f633}select.form-control{appearance:none;background-image:var(--select-caret);background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-label{margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.modal-content{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2000;max-width:400px;color:var(--color-text-primary);position:relative}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-close{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;font-size:20px}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:20px}.status{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;padding:4px 8px;display:inline-flex}.status--success{color:var(--color-success);background:#10b98133;border:1px solid #10b9814d}.status--error{color:var(--color-error);background:#ef444433;border:1px solid #ef44444d}.hidden{display:none!important}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-16{gap:16px}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-btn{display:block}.content-container{gap:var(--space-16);grid-template-columns:1fr}.filters-sidebar{order:2;position:static}.property-listings{order:1}.property-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-btn{border-radius:0 0 var(--radius-lg)var(--radius-lg)}.property-types{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero{padding:var(--space-20)var(--space-12)}.property-types{grid-template-columns:1fr}}@media print{html,body{color:#000;background:#fff}.header,.filters-sidebar{display:none}.property-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}}.select-no-border{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-family-base);cursor:pointer;appearance:none;background-color:#0000;background-image:var(--select-caret);background-position:right 8px center;background-repeat:no-repeat;border:none;padding:8px 30px 8px 8px;font-size:15px}.select-no-border:focus{outline:none}.select-no-border option{background-color:var(--color-bg-surface);color:var(--color-text-primary);padding:12px}