:root{--bg:#f4f6f8;--card:#fff;--accent:#2a9d8f}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Arial;margin:0;background:var(--bg);color:#0b2545}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(90deg,#fff,#f8fafb);border-bottom:1px solid #e6eef6}
.brand h1{margin:0;font-size:1.25rem}
.container{display:grid;grid-template-columns:1fr 360px;gap:1rem;padding:1rem;align-items:start}
.left{}
#map{height:520px;border-radius:8px;border:1px solid #dde6ef}
.market-panel{margin-top:1rem;background:var(--card);padding:1rem;border-radius:8px;box-shadow:0 6px 18px rgba(12,38,63,0.06)}
.market-panel h3{margin-top:0}
label{display:block;margin:0.4rem 0}
input,select,button{width:100%;padding:0.5rem;border:1px solid #d7e3ef;border-radius:6px}
.form-actions{display:flex;gap:0.5rem}
.form-actions button{flex:1;background:var(--accent);color:#fff;border:0}
#listings{margin-top:1rem;background:#fff;padding:0.5rem;border-radius:6px;max-height:220px;overflow:auto;border:1px solid #eef3f7}
.listing{padding:0.6rem;border-bottom:1px dashed #eef3f7;display:flex;justify-content:space-between;gap:0.5rem;align-items:center}
.listing .meta{font-size:0.9rem;color:#143d55}
.right{}
.card{background:var(--card);padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 6px 18px rgba(12,38,63,0.04)}
#national-rate{font-size:2rem;font-weight:700;color:#2a9d8f;padding:0.5rem 0}
footer{padding:1rem;text-align:center;color:#6b7b8a}
@media(max-width:1000px){.container{grid-template-columns:1fr;}.right{order:2}}