* { box-sizing: border-box; }
body { font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; margin: 0; color: #1a1a1a; background: #f7f7f8; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }

.site-header { background: #fff; border-bottom: 1px solid #e5e5e5; }
.site-header .container { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; }
.site-header .logo { font-weight: 700; font-size: 20px; color: #c0392b; text-decoration: none; }
.site-header nav a { margin-left: 16px; text-decoration: none; color: #333; }

.bo-loc { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.bo-loc select, .bo-loc input { padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.bo-loc button { padding: 8px 16px; background: #c0392b; color: #fff; border: none; border-radius: 4px; cursor: pointer; }

.danh-sach-tin { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.the-tin { background: #fff; border-radius: 8px; overflow: hidden; text-decoration: none; color: inherit; border: 1px solid #eee; }
.the-tin-anh img, .anh-mac-dinh { width: 100%; height: 160px; object-fit: cover; display: block; background: #eee; }
.the-tin-noi-dung { padding: 10px 12px; }
.the-tin-noi-dung h3 { font-size: 15px; margin: 0 0 6px; color: #1a56db; }
.dia-chi { color: #555; font-size: 13px; margin: 0 0 6px; }
.gia-dien-tich { color: #c0392b; font-weight: 600; margin: 0; }

.chi-tiet-tin { background: #fff; padding: 20px; border-radius: 8px; margin: 16px 0; }
.anh-gallery { display: flex; gap: 8px; overflow-x: auto; }
.anh-gallery img { max-height: 320px; border-radius: 6px; }
.khung-lien-he { border: 1px dashed #c0392b; padding: 16px; border-radius: 8px; margin-top: 16px; background: #fff7f6; }
.khung-lien-he button { margin-top: 8px; padding: 10px 18px; background: #c0392b; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.loi { color: #c0392b; }

.form-dang-nhap, .form-admin { display: flex; flex-direction: column; gap: 12px; max-width: 480px; background: #fff; padding: 20px; border-radius: 8px; }
.form-dang-nhap label, .form-admin label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.form-dang-nhap input, .form-admin input, .form-admin select, .form-admin textarea { padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.form-dang-nhap button, .form-admin button { padding: 10px; background: #c0392b; color: #fff; border: none; border-radius: 4px; cursor: pointer; }

.bang-du-lieu { width: 100%; border-collapse: collapse; background: #fff; }
.bang-du-lieu th, .bang-du-lieu td { border: 1px solid #eee; padding: 8px 10px; text-align: left; font-size: 14px; }

.site-footer { text-align: center; padding: 20px 0; color: #888; font-size: 13px; }