.contracts-header{margin-bottom:var(--space-3)}.contract-filter-group{display:grid;gap:2px}.contract-filter-group .filter-tabs{margin-bottom:var(--space-2)}.contract-filter-group:last-of-type .filter-tabs{margin-bottom:var(--space-4)}.contract-filter-label{color:var(--text-muted);font-size:var(--text-micro);font-weight:600;line-height:var(--line-compact)}.contract-list{display:grid;gap:10px}.contract-list-card{--contract-tone: var(--tone-draft);--contract-tint: var(--tint-draft);--contract-surface: var(--surface-draft);position:relative;display:grid;gap:var(--space-3);overflow:hidden;border:var(--border-soft);border-radius:var(--radius-lg);background:var(--contract-surface);box-shadow:var(--shadow-card);padding:var(--space-4);transition:transform .16s ease-out,box-shadow .16s ease-out}.contract-list-card:before{display:none}.contract-list-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px)}.contract-list-card.protected{--contract-tone: var(--tone-protected);--contract-tint: var(--tint-protected);--contract-surface: var(--surface-protected)}.contract-list-card.overdue{--contract-tone: var(--tone-overdue);--contract-tint: var(--tint-overdue);--contract-surface: var(--surface-overdue)}.contract-list-card.closed{--contract-tone: var(--tone-closed);--contract-tint: var(--tint-closed);--contract-surface: var(--surface-closed)}.contract-card-heading,.contract-card-workflow{display:flex;align-items:center;gap:var(--space-2)}.contract-card-heading{justify-content:space-between;color:var(--text-muted);font-size:var(--text-micro);font-weight:400;line-height:var(--line-compact)}.contract-status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);background:var(--contract-tint);color:var(--contract-tone);padding:4px 8px;font-size:var(--text-micro);font-weight:600;line-height:var(--line-compact)}.status-dot{flex:0 0 auto;width:9px;height:9px;border-radius:var(--radius-full);background:currentColor}.contract-card-identity{display:grid;gap:6px}.contract-card-identity h2,.contract-card-identity p{margin:0}.contract-card-identity h2{font-size:var(--text-h2);font-weight:700;line-height:var(--line-heading);letter-spacing:-.005em}.contract-card-identity p{display:flex;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-caption);line-height:var(--line-compact)}.contract-card-identity p strong{color:var(--knj-brown);font-size:14px;font-weight:600}.contract-financial-summary{display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--contract-tone) 14%,white);border-radius:var(--radius-md);background:#ffffffad;padding:13px}.contract-financial-summary>small,.contract-next-installment small,.contract-card-workflow small{color:var(--text-muted);font-size:var(--text-micro);font-weight:400;line-height:var(--line-compact)}.contract-total-amount{color:var(--knj-brown);font-size:var(--text-display);font-weight:700;line-height:var(--line-display);letter-spacing:-.02em}.contract-repayment-progress{display:grid;gap:7px;margin-top:var(--space-2)}.contract-repayment-copy{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-caption);line-height:var(--line-compact)}.contract-repayment-copy strong{color:var(--knj-brown);font-size:var(--text-caption);font-weight:600;text-align:right}.contract-repayment-copy strong small{color:var(--text-muted);font-size:var(--text-micro);font-weight:400}.contract-progress-track{overflow:hidden;height:6px;border-radius:var(--radius-full);background:#48aa9024}.contract-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--knj-mint-dark)}.contract-next-installment{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);border-top:var(--border-soft);padding-top:var(--space-3)}.contract-next-installment>span{display:grid;gap:1px}.contract-next-installment>span strong{color:var(--knj-brown);font-size:var(--text-h2);font-weight:700;line-height:var(--line-heading)}.contract-next-installment>strong{color:var(--text-muted);font-size:var(--text-caption);font-weight:600;text-align:right}.contract-list-card.overdue .contract-next-installment>strong{color:var(--contract-tone)}.contract-card-workflow{justify-content:space-between}.contract-card-workflow>span:first-child{display:grid;gap:2px;min-width:0}.contract-card-workflow>span:first-child strong{color:var(--contract-tone);font-size:14px;font-weight:600;line-height:var(--line-compact)}.contract-card-action{display:inline-flex;flex:0 0 auto;align-items:center;min-height:38px;border-radius:var(--radius-full);color:var(--contract-tone);padding:7px 11px;font-size:14px;font-weight:600;line-height:var(--line-compact);text-decoration:none}.contract-card-action.primary{background:var(--contract-tone);color:#fff}.contract-card-action.secondary{background:var(--contract-tint)}.contract-card-actions{display:flex;flex:0 0 auto;gap:var(--space-2);margin-left:auto}@media(max-width:370px){.contract-card-workflow{align-items:flex-start;flex-direction:column}.contract-card-action{flex:1 1 0;justify-content:center;min-height:44px}.contract-card-actions{align-self:stretch;width:100%}}