:root{--primary:#f3b400;--dark:#111827;--muted:#6b7280;--bg:#f6f7fb;--white:#fff;--border:#e5e7eb;--success:#e8fff2;--danger:#fff1f2}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark)}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.site-header{background:#0f172a;color:#fff;position:sticky;top:0;z-index:10}.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.brand{font-size:28px;font-weight:700}.brand span{color:var(--primary)}.nav{display:flex;gap:18px;align-items:center}.nav a{color:#fff;opacity:.92}.hero{padding:72px 0;background:linear-gradient(rgba(15,23,42,.58),rgba(15,23,42,.58)),url('https://images.unsplash.com/photo-1460317442991-0ec209397118?auto=format&fit=crop&w=1600&q=80') center/cover;color:#fff}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:center}.search-card,.card,.stat,.auth-card,.panel{background:var(--white);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);padding:22px}.search-grid{display:grid;grid-template-columns:repeat(4,1fr) 140px;gap:12px}.search-grid input,.search-grid select,.form-control{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.btn{display:inline-block;border:none;background:var(--dark);color:#fff;padding:12px 18px;border-radius:12px;cursor:pointer}.btn-primary{background:var(--primary);color:#111}.btn-success{background:#16a34a}.btn-outline{background:#fff;border:1px solid var(--border)}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.property-card{overflow:hidden}.property-card img{width:100%;height:220px;object-fit:cover;border-radius:14px}.price{font-size:24px;font-weight:700;margin:10px 0 6px}.muted{color:var(--muted)}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff7d6;color:#8a5b00;font-size:12px;font-weight:700}.hero h1{font-size:50px;margin:0 0 14px}.hero p{font-size:18px;opacity:.95}.cta-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat strong{font-size:28px;display:block}.detail-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:24px;padding:28px 0}.gallery-main{width:100%;height:430px;object-fit:cover;border-radius:18px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumbs img{width:100%;height:94px;object-fit:cover;border-radius:12px}.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.meta-box{background:#f8fafc;border:1px solid var(--border);padding:14px;border-radius:14px}.wa-box{position:sticky;top:88px}.small{font-size:13px}.auth-wrap{display:grid;place-items:center;min-height:70vh}.auth-card{width:min(460px,92%)}.stats-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left;background:#fff}.panel h3{margin-top:0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:34px 0}.site-footer{background:#0f172a;color:#fff;margin-top:40px}.alert{padding:14px 16px;border-radius:12px;margin-top:18px}.alert.success{background:var(--success);color:#166534}.alert.error{background:var(--danger);color:#b91c1c}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pagination a{padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:10px}.pagination a.active{background:var(--dark);color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-card ul{padding-left:18px}.hero-card li{margin-bottom:8px}.text-right{text-align:right}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:24px}.w-100{width:100%}
@media(max-width:900px){.hero-grid,.detail-grid,.two-col,.footer-grid,.search-grid,.stats-wrap,.grid-4,.grid-3{grid-template-columns:1fr}.nav{gap:12px;font-size:14px;flex-wrap:wrap;justify-content:flex-end}.hero h1{font-size:34px}.gallery-main{height:280px}}