#contracts-area .contract-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 24px}#contracts-area .contract-steps>span{display:flex;align-items:center;gap:10px;background:#f6f2fb;border:1px solid #e9e0f4;border-radius:12px;padding:13px 16px;color:#756189;font-size:12px}#contracts-area .contract-steps b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#e8def4;color:#8162a7}.contract-toolbar{gap:15px;flex-wrap:wrap;margin:24px 0}.contract-toolbar>label{font-size:11px;color:var(--muted);min-width:180px}.contract-toolbar select{display:block;margin-top:7px;min-width:180px}.contract-stats .stat-value{font-size:30px}.contract-list{display:grid;gap:20px}.contract-card{padding:24px}.contract-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.contract-card h2{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.contract-card-head p{font-size:11px;color:var(--muted);line-height:1.8}.contract-card-head .pill{flex-shrink:0}.contract-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0;margin-top:10px;border-bottom:1px solid var(--line)}.contract-card-meta>span{font-size:10px;color:var(--muted)}.contract-card-meta strong{display:block;color:var(--ink);font-size:13px;margin-top:7px;font-weight:550;overflow-wrap:anywhere}.contract-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:18px}.contract-missing{font-size:11px;line-height:1.8;background:#fffbf0;color:#9b7a3b;border:1px solid #efe0bd;border-radius:8px;padding:12px 15px;margin-top:16px}#contracts-modal{width:min(780px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink)}#contracts-modal::backdrop{background:#21162c79;backdrop-filter:blur(3px)}#contracts-modal textarea{width:100%;min-height:85px;white-space:pre-wrap}#contracts-modal h3{font-size:13px;margin:22px 0 10px}.contract-offer-preview,.contract-confirm-summary,.contract-invoice-check{background:#f8f5fc;border:1px solid #e8e0f1;border-radius:10px;padding:15px;margin:12px 0 20px;font-size:12px;line-height:1.8}.contract-offer-preview strong,.contract-confirm-summary strong,.contract-invoice-check strong{display:block;color:#8162a7}.contract-offer-preview a,.contract-confirm-summary a{font-size:11px}.contract-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin:18px 0}.contract-checkbox input{width:16px;height:16px;min-height:16px;margin-top:3px;accent-color:#8a6db7;flex-shrink:0}.contract-form-error{font-size:12px;color:#b74c60;line-height:1.8;margin:14px 0}.contract-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.contract-parties span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.contract-parties strong{font-size:13px;overflow-wrap:anywhere}.contract-parties p{white-space:pre-wrap;font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}.contract-snapshot table td,.contract-snapshot table th{white-space:normal;min-width:85px}.contract-snapshot table td:first-child{min-width:200px;overflow-wrap:anywhere}.contract-total{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 0;font-size:11px;color:var(--muted)}.contract-total strong{font-size:18px;font-weight:550;color:#8162a7;white-space:nowrap}.contract-view-terms p,.contract-evidence p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:var(--muted)}.contract-evidence{padding:14px 16px;margin:10px 0;background:#f8f6fc;border-radius:10px}.contract-evidence strong{font-size:12px}.contract-history{margin:20px 0;font-size:12px}.contract-history summary{cursor:pointer;color:#8162a7;padding:10px 0}@media(max-width:850px){#contracts-area .contract-steps{grid-template-columns:1fr 1fr}.contract-card-meta{grid-template-columns:1fr 1fr}.contract-card-head{align-items:flex-start}.contract-total{align-items:flex-start;flex-direction:column;gap:9px}}@media(max-width:520px){#contracts-area .contract-steps{gap:8px}#contracts-area .contract-steps>span{font-size:10px;padding:10px;gap:7px}.contract-stats{grid-template-columns:1fr 1fr}.contract-card{padding:18px}.contract-card-head{flex-direction:column;gap:12px}.contract-card-meta{grid-template-columns:1fr;gap:16px}.contract-actions>.btn{flex:1 1 45%;justify-content:center}.contract-parties{grid-template-columns:1fr}.contract-toolbar>label{flex:1 1 100%}.contract-toolbar select{width:100%}#contracts-modal{padding:20px}.contract-total strong{font-size:17px}}