.contract-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.contract-stats article{padding:17px 19px;background:#fff;border:1px solid var(--border);border-radius:10px}.contract-stats span,.contract-stats small{display:block;color:#778299;font-size:13px}.contract-stats strong{display:block;font-size:26px;color:#193b68;margin:5px 0}.contract-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--border)}.contract-toolbar strong{color:#173865}.contract-toolbar select{font-size:13px}.contract-table{min-width:1100px}.contract-table td,.contract-table th{padding:14px 18px}.contract-table .row-button+.row-button{margin-left:9px}.contract-status{display:inline-block;padding:4px 9px;border-radius:12px;font-size:11px;font-weight:700;background:#dff6eb;color:#087a52}.contract-status.renewal-due{background:#fff2d8;color:#a36900}.contract-status.expired{background:#ffe9e7;color:#c84841}.contract-status.cancelled{background:#edf1f7;color:#67768b}.contract-dialog{width:100%;min-width:0}.contract-dialog h2{margin:0 0 5px}.contract-form{display:grid;gap:13px;margin-top:18px}.contract-form label{display:grid;gap:6px;color:#425a78;font-size:13px}.contract-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contract-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}#detail:has(.contract-dialog){width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;overflow-x:hidden}#detail:has(.contract-dialog)>form[method=dialog]{display:none}.theme-sky .contract-stats article{background:#ffffff45;border-color:#ffffff7a}.theme-sky .contract-stats strong,.theme-sky .contract-toolbar strong{color:#063b5b}.theme-sky .contract-stats span,.theme-sky .contract-stats small{color:#1d5878}.theme-ember .contract-stats article,.theme-ember .contract-toolbar{background:#191919;border-color:#36302d}.theme-ember .contract-stats strong,.theme-ember .contract-toolbar strong{color:#fff3eb}.theme-ember .contract-stats span,.theme-ember .contract-stats small{color:#cdbdb3}@media(max-width:720px){.contract-stats{grid-template-columns:1fr}.contract-form-grid{grid-template-columns:1fr}}