:root { --ink:#17211d; --muted:#69736e; --line:#d7ded9; --canvas:#f7f8f5; --paper:#fff; --accent:#28664f; --accent-dark:#174936; --warm:#e8f0e6; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--canvas); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; }
.site-header { height:68px; padding:0 max(24px, calc((100vw - 1050px)/2)); display:flex; align-items:center; gap:16px; background:var(--paper); border-bottom:1px solid var(--line); }.brand { color:var(--ink); text-decoration:none; font-size:1.1rem; font-weight:750; }.site-header span { color:var(--muted); font-size:.9rem; border-left:1px solid var(--line); padding-left:16px; }
.page { width:min(100% - 40px, 920px); margin:0 auto; padding:64px 0 100px; }.hero { padding:12px 0 50px; }.eyebrow { text-transform:uppercase; letter-spacing:.11em; color:var(--accent); font-weight:750; font-size:.76rem; margin:0 0 10px; } h1 { font-size:clamp(2rem, 5vw, 3.35rem); letter-spacing:-.045em; line-height:1.06; margin:0 0 16px; } h2 { font-size:1.25rem; margin:0; }.hero > p:not(.eyebrow), .intro { color:var(--muted); max-width:570px; font-size:1.08rem; margin:0 0 28px; }
.button { display:inline-block; border:0; border-radius:7px; cursor:pointer; padding:11px 16px; background:var(--accent); color:white; text-decoration:none; font:inherit; font-weight:700; }.button:hover { background:var(--accent-dark); }.section-heading { display:flex; justify-content:space-between; align-items:baseline; padding-bottom:15px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.9rem; }.property-card { display:block; padding:20px 4px; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }.property-card:hover strong { color:var(--accent); }.property-card span, .property-card strong { display:block; }.property-card strong { font-size:1.1rem; margin-bottom:2px; }.property-card__eyebrow { font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:5px; }.status { display:inline-block !important; width:max-content; margin-top:11px; border-radius:99px; background:var(--warm); color:var(--accent-dark); padding:3px 9px; font-size:.82rem; font-weight:650; }.empty, .detail, .form-wrap { margin-top:26px; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:30px; }.empty h3 { margin-top:0; }.empty p { color:var(--muted); }.back { color:var(--accent-dark); font-weight:700; text-decoration:none; }.form-wrap { max-width:650px; }.form-wrap h1, .detail h1 { font-size:2.1rem; } form { display:grid; gap:20px; margin-top:28px; } label { display:grid; gap:7px; font-size:.94rem; font-weight:700; } input { border:1px solid #a8b5ad; border-radius:6px; padding:11px; font:inherit; font-weight:400; } input:focus { outline:3px solid #b9d7cb; border-color:var(--accent); }.optional, .required { color:var(--muted); font-size:.8rem; font-weight:500; }.required { color:#9f3428; }.form-error { color:#9f3428; margin:0; min-height:1.5em; }.detail { max-width:760px; } dl { margin:35px 0 0; } dl > div { display:grid; grid-template-columns:180px 1fr; padding:18px 0; border-top:1px solid var(--line); } dt { color:var(--muted); } dd { margin:0; font-weight:600; }.supporting { color:var(--muted); margin:7px 0 0; font-weight:400; }
input, select, textarea { width:100%; } textarea { min-height:82px; resize:vertical; } select, textarea { border:1px solid #a8b5ad; border-radius:6px; padding:11px; font:inherit; font-weight:400; } select:focus, textarea:focus { outline:3px solid #b9d7cb; border-color:var(--accent); } fieldset { border:1px solid var(--line); border-radius:8px; padding:18px; display:grid; gap:16px; } legend { padding:0 6px; font-weight:750; } .participant { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; } .secondary-button { justify-self:start; border:1px solid var(--accent); background:white; color:var(--accent-dark); border-radius:6px; padding:8px 11px; font:inherit; font-weight:700; cursor:pointer; }.detail-actions { margin:24px 0; }.tenancy, .tenancy-empty, .history { border-top:1px solid var(--line); padding:24px 0; }.tenancy h3, .tenancy-empty h3 { margin:0; font-size:1.15rem; }.tenancy dl { margin:12px 0 0; }.history { margin-top:10px; }.history h2 { margin:0 0 4px; }.property-facts { margin:28px 0 0; }
.rent-administration { display:block; }.rent-administration > dd { margin-top:8px; }.rent-administration .secondary-button { display:inline-block; text-decoration:none; margin:8px 0 18px; }.rent-position { border:1px solid var(--line); border-radius:8px; padding:14px; margin:12px 0; background:#fcfdfb; }.rent-position h4 { margin:0; font-size:1rem; }.rent-position dl { margin:8px 0 0; }.rent-position dl > div { grid-template-columns:145px 1fr; padding:9px 0; }.receipt-list { padding-left:20px; margin:0; font-weight:400; }
.attention { margin:0 0 52px; }.attention-item { display:grid; gap:4px; color:var(--ink); text-decoration:none; padding:17px 4px; border-bottom:1px solid var(--line); }.attention-item:hover strong { color:var(--accent); }.attention-item strong { font-size:1.05rem; }.unattributed-receipts { border-top:1px solid var(--line); margin-top:18px; padding-top:16px; }.unattributed-receipts h4 { margin:0; font-size:1rem; }
.documents, .important-dates { margin:28px 0; }.document-list, .important-date-list { padding-left:20px; }.document-list li, .important-date-list li { margin:12px 0; }.text-link { color:var(--accent-dark); font-size:.9rem; font-weight:700; }
@media (max-width:550px) { .page { width:min(100% - 30px, 920px); padding-top:40px; }.site-header { padding:0 16px; }.site-header span { display:none; }.empty, .detail, .form-wrap { padding:22px; } dl > div, .participant { grid-template-columns:1fr; gap:5px; } }