body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; margin:0; background:#f6f7fb; color:#111;}
header{background:#1f2937; color:#fff; padding:12px 16px;}
header h1{margin:0; font-size:20px;}
nav{display:flex; gap:12px; align-items:center; margin-top:8px; flex-wrap:wrap;}
nav a{color:#cbd5e1; text-decoration:none; padding:6px 10px; background:#111827; border-radius:8px;}
nav a:hover{background:#0b1220; color:#fff;}
nav .spacer{flex:1;}
main{padding:16px;}
.container{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; margin-bottom:16px;}
h2{margin-top:0;}
table{width:100%; border-collapse:collapse; background:#fff;}
th,td{padding:10px; border-bottom:1px solid #e5e7eb; text-align:right;}
tr:hover{background:#f3f4f6;}
input,select,textarea{width:100%; padding:8px; border:1px solid #d1d5db; border-radius:8px; box-sizing:border-box;}
button,.btn{background:#2563eb; color:#fff; padding:8px 12px; border:none; border-radius:8px; cursor:pointer; text-decoration:none; display:inline-block;}
.btn.secondary{background:#6b7280;}
.actions{display:flex; gap:8px;}
.form-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.form-grid .full{grid-column:1 / -1;}
.badge{padding:3px 8px; border-radius:999px; background:#e5e7eb; display:inline-block;}
.status-Available{background:#dcfce7;}
.status-Negotiation{background:#fef9c3;}
.status-Sold,.status-Rented{background:#fee2e2;}
footer{padding:16px; text-align:center; color:#6b7280;}
.login{max-width:420px; margin:60px auto;}