body{margin:0}input,select{border:1px solid #d4d4d8;border-radius:10px;width:100%;padding:12px;font-size:14px}button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;padding:12px 18px;font-size:14px}button:hover{opacity:.9}:root{--bg:#eef4ff;--bg-soft:#dde9ff;--surface:#ffffffd1;--surface-2:#ffffffa6;--text:#0f172a;--text-soft:#64748b;--line:#0f172a14;--primary:#2563eb;--primary-dark:#1d4ed8;--shadow:0 14px 35px #0f172a14;--shadow-strong:0 22px 50px #0f172a24}:root[data-theme=dark]{--bg:#07111f;--bg-soft:#0c1a30;--surface:#101828d1;--surface-2:#141f35b8;--text:#f8fafc;--text-soft:#94a3b8;--line:#94a3b81f;--primary:#3b82f6;--primary-dark:#2563eb;--shadow:0 14px 35px #00000047;--shadow-strong:0 24px 54px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0% 0%, #2563eb2e, transparent 28%), radial-gradient(circle at 100% 20%, #3b82f624, transparent 22%), radial-gradient(circle at 50% 100%, #2563eb14, transparent 26%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;transition:all .18s}input,select,textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;outline:none;padding:14px 15px}input:focus,select:focus,textarea:focus{border-color:#2563eb61;box-shadow:0 0 0 4px #2563eb1a}textarea{resize:vertical}.app-shell{max-width:1320px;margin:0 auto;padding:24px 18px 60px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.brand-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-row h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,2.8rem)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hero{grid-template-columns:1.45fr .75fr;align-items:stretch;gap:20px;margin-bottom:24px;display:grid}.hero-copy,.hero-panel,.search-input,.property-card,.admin-panel,.modal-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy,.hero-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:28px}.hero-tag{color:var(--primary);background:#2563eb1a;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-weight:700;display:inline-block}.hero-copy h2{letter-spacing:-.05em;max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02}.hero-copy p{color:var(--text-soft);max-width:660px;margin:16px 0 0;font-size:1.03rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-panel{align-content:center;gap:14px;display:grid}.hero-stat-card{background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:20px}.hero-stat-card span{color:var(--text-soft);margin-bottom:8px;display:block}.hero-stat-card strong{font-size:2rem}.search-bar-wrap{margin-bottom:26px}.search-input{background:var(--surface);box-shadow:var(--shadow)}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-head h3{margin:0 0 6px;font-size:1.5rem}.section-head p{color:var(--text-soft);margin:0}.property-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.property-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;transition:transform .18s,box-shadow .18s;overflow:hidden}.property-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-4px)}.card-image-wrap{background:var(--surface-2);height:230px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.property-card:hover .card-image{transform:scale(1.04)}.card-badge{color:#fff;background:#0f172ac2;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;position:absolute;top:14px;left:14px}.card-body{padding:18px}.card-meta,.mini-meta{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.card-meta{color:var(--text-soft);margin-bottom:10px;font-size:.94rem}.card-body h4{margin:0 0 10px;font-size:1.25rem;line-height:1.2}.mini-meta{color:var(--primary);margin-bottom:10px;font-weight:700}.card-body p{color:var(--text-soft);min-height:76px;margin:0 0 16px;line-height:1.6}.card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-btn,.ghost-btn,.text-btn,.icon-close,.thumb-btn,.danger-btn{border-radius:14px}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;padding:12px 16px;font-weight:700;box-shadow:0 10px 24px #2563eb38}.primary-btn:hover,.danger-btn:hover{transform:translateY(-2px)}.ghost-btn{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:12px 16px}.ghost-btn:hover{background:var(--surface-2)}.text-btn{color:var(--text-soft);background:0 0;padding:10px 0}.full{width:100%}.pill{color:var(--primary);background:#2563eb1a;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.soft{color:var(--text-soft);background:#94a3b824}.role-pill{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0206178c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);width:min(100%,520px);max-height:92vh;box-shadow:var(--shadow-strong);border-radius:28px;padding:22px;overflow:auto}.modal-card.large{width:min(100%,860px)}.modal-card.details{width:min(100%,1080px)}.contact-modal{max-width:420px}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modal-head h3{margin:0}.icon-close{background:var(--surface-2);width:42px;min-width:42px;height:42px;color:var(--text);border:1px solid var(--line);place-items:center;margin-left:auto;padding:0;font-size:1.6rem;line-height:1;display:grid}.auth-buttons,.role-legend{gap:10px;margin-top:16px;display:grid}.listing-form{gap:14px;display:grid}.grid-two,.grid-three{gap:12px;display:grid}.grid-two{grid-template-columns:repeat(2,1fr)}.grid-three{grid-template-columns:repeat(3,1fr)}.upload-box{background:#2563eb0a;border:1px dashed #2563eb66;border-radius:18px;padding:16px}.upload-box label{margin-bottom:8px;font-weight:700;display:block}.upload-box span{color:var(--text-soft);margin-top:8px;display:block}.preview-row{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.preview-row img{object-fit:cover;border:1px solid var(--line);border-radius:14px;width:110px;height:82px}.details-grid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.details-main-image{background:var(--surface-2);border-radius:22px;height:380px;overflow:hidden}.details-main-image img{object-fit:cover;width:100%;height:100%}.thumb-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.thumb-btn{background:0 0;border:2px solid #0000;width:84px;height:64px;padding:0;overflow:hidden}.thumb-btn.active{border-color:var(--primary)}.thumb-btn img{object-fit:cover;width:100%;height:100%}.details-copy h2{margin:0 0 12px;font-size:2rem;line-height:1.06}.details-pills{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.details-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.details-stats div{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:16px}.details-stats span{color:var(--text-soft);margin-bottom:6px;display:block}.details-stats strong{font-size:1.2rem}.details-copy p{color:var(--text-soft);margin-bottom:18px;line-height:1.7}.contact-box{padding:12px 0 4px}.contact-title{color:var(--text-soft);margin:0 0 8px}.contact-number{color:var(--primary);margin:0;font-size:1.4rem;font-weight:800}.toast{z-index:3000;color:#fff;box-shadow:var(--shadow-strong);border-radius:14px;padding:14px 18px;font-weight:700;animation:.2s toastIn;position:fixed;bottom:20px;right:20px}.toast.success{background:linear-gradient(135deg,#16a34a,#15803d)}.toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin-top:30px;padding:20px}.admin-list{gap:12px;display:grid}.admin-item{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.admin-item p{color:var(--text-soft);margin:6px 0 0}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);padding:12px 16px;font-weight:700}@media (width<=980px){.hero,.details-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.grid-two,.grid-three,.card-actions{grid-template-columns:1fr}.hero-copy,.hero-panel,.modal-card{padding:18px}}@media (width<=560px){.app-shell{padding:16px 12px 40px}.brand-row h1{font-size:1.9rem}.hero-copy h2{font-size:2.1rem}.property-grid{grid-template-columns:1fr}.details-main-image{height:250px}.admin-item{flex-direction:column;align-items:stretch}}