:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-card-hover:#222633;--border:#2a2e3d;--text:#e4e6ed;--text-muted:#8b8fa3;--accent:#4f8ff7;--green:#34d399;--yellow:#fbbf24;--red:#f87171;--orange:#fb923c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:1200px;padding:1.5rem}header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}header h1{font-size:1.5rem;font-weight:600}.stats-bar{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:140px;padding:1rem 1.5rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.controls button,.controls select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.controls button:hover,.controls select:hover{border-color:var(--accent)}.btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:500}.btn-primary:hover{opacity:.9}.btn-scan{background:var(--green)!important;border-color:var(--green)!important;color:var(--bg)!important;font-weight:600}.btn-scan:disabled{cursor:not-allowed;opacity:.5}.listings-grid{display:flex;flex-direction:column;gap:1rem}.listing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:240px 1fr auto;overflow:hidden;transition:border-color .2s}.listing-card:hover{border-color:var(--accent)}.listing-card.shortlisted{border-left:3px solid var(--green)}.listing-card.new{border-left:3px solid var(--accent)}.listing-card.dismissed{opacity:.5}.listing-image{background:var(--border);height:180px;-o-object-fit:cover;object-fit:cover;width:240px}.listing-info{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem}.listing-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.listing-title a{color:var(--text);text-decoration:none}.listing-title a:hover{color:var(--accent)}.listing-zone{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.listing-specs{color:var(--text-muted);display:flex;font-size:.875rem;gap:1rem}.listing-summary{color:var(--text-muted);font-size:.85rem;line-height:1.4}.listing-flags{display:flex;flex-wrap:wrap;gap:.4rem}.flag{border-radius:4px;font-size:.7rem;font-weight:500;padding:.15rem .5rem}.flag-red{background:#f8717126;color:var(--red)}.flag-yellow{background:#fbbf2426;color:var(--yellow)}.flag-green{background:#34d39926;color:var(--green)}.listing-metrics{align-items:flex-end;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;min-width:160px;padding:1rem 1.25rem}.metric-price{font-size:1.25rem;font-weight:700}.metric-yield{font-size:1.1rem;font-weight:600}.yield-good{color:var(--green)}.yield-ok{color:var(--yellow)}.yield-low{color:var(--red)}.metric-rent{color:var(--text-muted);font-size:.85rem}.metric-score{border-radius:4px;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.score-high{background:#34d39926;color:var(--green)}.score-mid{background:#fbbf2426;color:var(--yellow)}.score-low{background:#f8717126;color:var(--red)}.listing-actions{display:flex;gap:.5rem}.btn-sm{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.3rem .7rem}.btn-sm:hover{border-color:var(--accent);color:var(--text)}.btn-shortlist{border-color:var(--green);color:var(--green)}.btn-dismiss{border-color:var(--red);color:var(--red)}.condition-dots{display:flex;gap:3px}.condition-dot{background:var(--border);border-radius:50%;height:8px;width:8px}.condition-dot.filled{background:var(--green)}.condition-dot.filled.fair{background:var(--yellow)}.condition-dot.filled.poor{background:var(--red)}.empty-state{color:var(--text-muted);padding:4rem 2rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.listing-card{grid-template-columns:1fr}.listing-image{height:200px;width:100%}.listing-metrics{border-left:none;border-top:1px solid var(--border);flex-direction:row;min-width:auto}}