:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#16283d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#102d48;color:white;padding:18px max(20px,calc((100vw - 1250px)/2));display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.08em;font-size:24px}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:0}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{color:#fff;text-decoration:none;font-size:14px}main{max-width:1250px;margin:35px auto;padding:0 20px 60px}h1{font-size:29px}h2{font-size:20px}.intro{color:#65758b}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.card{display:block;padding:23px;border:1px solid #dce5ee;border-radius:12px;background:white;color:inherit;text-decoration:none;box-shadow:0 3px 12px #17334b09}.card h2{margin:0 0 12px}.card p{margin:0;color:#627489}section{padding-top:25px}section h2{border-bottom:1px solid #dce5ee;padding-bottom:12px}.apartments{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.apartment{display:flex;flex-direction:column;gap:7px;min-height:135px;padding:16px;background:white;border:1px solid #dce5ee;border-radius:10px;color:inherit;text-decoration:none}.apartment span,.apartment small{font-size:13px}.occupied{color:#a64b16;font-weight:700}.vacant{color:#14785e;font-weight:700}details{background:#fff;border:1px solid #dce5ee;border-radius:10px;padding:16px;margin:18px 0}summary{cursor:pointer;font-weight:700}label{display:block;margin:12px 0;font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #cbd6e2;border-radius:7px;margin-top:6px;font:inherit}textarea{min-height:90px}button{background:#174d77;color:white;border:0;border-radius:7px;padding:12px 18px;cursor:pointer;margin:8px 0}button.subtle{background:#e8eef4;color:#243d52;padding:7px 10px}table{width:100%;border-collapse:collapse;background:white;margin:20px 0;font-size:14px}th,td{padding:12px;border-bottom:1px solid #e4eaf0;text-align:left;vertical-align:top}th{background:#eaf0f6}a{color:#12609b}.filters{display:flex;gap:10px;align-items:center}.filters input{max-width:390px}.login{max-width:450px;margin:35px auto;background:white;border-radius:15px;padding:24px;box-shadow:0 10px 40px #16324b19}.hero{background:linear-gradient(120deg,#0b2d4b,#27709b);color:white;border-radius:12px;padding:70px 20px;text-align:center;font-size:32px;font-weight:800}.hero span{font-size:15px;font-weight:400}.error{color:#a31818;background:#fff1f1;padding:12px}@media(max-width:650px){header{padding:16px}main{margin:18px auto}.filters{display:block}table{display:block;overflow-x:auto;white-space:nowrap}}