.contract-page{padding:30px 42px 55px;max-width:1450px;margin:auto}.contract-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.contract-head h1{font:700 30px 'Playfair Display';margin:6px 0 0}.back-link{color:#176b4d;text-decoration:none;font-size:12px;font-weight:700}.contract-number{font-size:10px;letter-spacing:.8px;color:#718078}.contract-number b{display:block;color:#18241f;font-size:13px;margin-top:5px}.contract-shell{display:grid;grid-template-columns:245px 1fr;gap:18px}.contract-steps{background:#173b2d;border-radius:12px;padding:15px 12px;height:max-content;display:grid;gap:5px}.contract-steps a{color:#b8cbc0;text-decoration:none;display:flex;gap:11px;align-items:center;padding:12px 9px;border-radius:8px}.contract-steps a.active{background:#2b5946;color:#fff}.contract-steps a.done{color:#e5f0df}.contract-steps em{font-style:normal;width:25px;height:25px;border:1px solid #6e8f7e;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.contract-steps .active em{background:#c9e76a;border-color:#c9e76a;color:#19372a}.contract-steps .done em{background:#58ad76;border-color:#58ad76;color:white}.contract-steps b,.contract-steps small{display:block}.contract-steps b{font-size:12px}.contract-steps small{font-size:10px;margin-top:3px;color:#91a99b}.contract-workspace{background:white;border:1px solid var(--line);border-radius:12px;min-height:540px;padding:33px;position:relative}.contract-intro h2{font:700 25px 'Playfair Display';margin:5px 0}.contract-intro p:not(.eyebrow){color:#718078;margin:0 0 28px}.contract-fields{display:grid;gap:16px}.contract-fields.two{grid-template-columns:1fr 1fr;max-width:720px}.contract-fields.three{grid-template-columns:repeat(3,1fr)}.contract-field{display:grid;gap:6px}.contract-field span{font-size:11px;font-weight:700;color:#526259}.contract-field input,.contract-field select{border:1px solid #d9e2db;border-radius:7px;padding:11px;font:13px 'DM Sans';background:#fff;width:100%}.selected-person,.property-card{display:flex;align-items:center;gap:12px;border:1px solid #dce9df;background:#f9fcf9;border-radius:9px;padding:14px;margin-top:24px;max-width:720px}.selected-person b,.selected-person span,.property-card b,.property-card span{display:block}.selected-person span,.property-card span{font-size:11px;color:#718078;margin-top:3px}.selected-person button{margin-left:auto;font-size:11px}.property-icon{font-size:22px;color:#176b4d;background:#e3f1e7;border-radius:8px;padding:9px}.property-card>div:nth-child(3){margin-left:auto;text-align:right}.property-card small{display:block;font-size:9px;color:#718078}.property-card strong{display:block;margin-top:4px}.finance-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.finance-preview div{border-radius:8px;background:#eff6f0;padding:13px}.finance-preview span,.finance-preview b{display:block}.finance-preview span{font-size:10px;color:#63756a}.finance-preview b{font-size:14px;margin-top:6px}.notice{margin-top:25px;border-left:3px solid #176b4d;background:#f1f8f2;padding:13px;color:#476254;font-size:12px}.notice.success{border-color:#60aa78}.summary-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.summary-board section{border:1px solid #e2e8e2;border-radius:9px;padding:16px}.summary-board h3{margin:0 0 12px;font-size:12px;color:#176b4d}.summary-board b,.summary-board span{display:block}.summary-board span{font-size:12px;color:#607169;margin-top:6px}.contract-footer{position:absolute;bottom:0;left:0;right:0;padding:17px 33px;border-top:1px solid var(--line);display:flex;justify-content:space-between;background:#fff;border-radius:0 0 12px 12px}.contract-footer a{text-decoration:none}@media(max-width:900px){.contract-page{padding:25px 20px}.contract-shell{grid-template-columns:1fr}.contract-steps{grid-template-columns:repeat(5,1fr)}.contract-steps a{justify-content:center}.contract-steps a span{display:none}.contract-workspace{min-height:570px}.contract-fields.three,.finance-preview,.summary-board{grid-template-columns:1fr 1fr}}@media(max-width:600px){.contract-head{align-items:flex-start;gap:10px;flex-direction:column}.contract-workspace{padding:23px;min-height:650px}.contract-fields.two,.contract-fields.three,.finance-preview,.summary-board{grid-template-columns:1fr}.selected-person,.property-card{align-items:flex-start;flex-wrap:wrap}.selected-person button,.property-card>div:nth-child(3){margin-left:0}.contract-footer{padding:15px 23px}}
.contract-list-toolbar{flex-wrap:wrap}.contract-status-filter{display:flex;align-items:center;gap:9px;margin-left:4px}.contract-status-filter span{font-size:11px;font-weight:700;color:#6f776f}.contract-status-filter select{height:38px;min-width:185px;border:1px solid #dbe3dc;border-radius:7px;background:#fff;padding:0 34px 0 11px;font:13px 'DM Sans',sans-serif;color:#28372f}.contract-list-toolbar .subline{margin-left:auto}@media(max-width:650px){.contract-status-filter{width:100%;margin-left:0}.contract-status-filter select{flex:1}.contract-list-toolbar .subline{margin-left:0}}
.contract-pagination{min-height:58px;border-top:1px solid #edf0ed;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:10px 19px;color:#59665f;font-size:12px}.contract-pagination label{display:flex;align-items:center;gap:8px}.contract-pagination select{border:0;background:#fff;padding:6px;color:#324139}.contract-pagination button{border:0;background:transparent;color:#50645a;width:28px;height:28px;border-radius:50%;font-size:19px;display:grid;place-items:center}.contract-pagination button:hover:not(:disabled){background:#f1f4f1}.contract-pagination button:disabled{opacity:.3;cursor:default}@media(max-width:650px){.contract-pagination{justify-content:center;flex-wrap:wrap;gap:8px}}