.contracts-dialog{width:min(1400px,calc(100vw - 40px));max-width:none;height:min(900px,90dvh);max-height:94dvh;border:1px solid #dce4ed;border-radius:14px;padding:24px;color:#223147;background:#fff;box-shadow:0 25px 100px #17283f33;overflow:auto}
.contracts-dialog::backdrop{background:#18283955;backdrop-filter:blur(3px)}
.contracts-dialog header,.contract-detail-head,.contract-status{display:flex;align-items:center;justify-content:space-between;gap:16px}.contracts-dialog h2{margin:0 0 5px;font-size:24px}.contracts-dialog header span,.contract-status,.contract-note{font-size:12px;color:#728096}.contracts-dialog button,.contracts-dialog select,.contracts-dialog input{border:1px solid #dce4ed;background:white;border-radius:7px;padding:9px 12px;color:inherit;font:inherit}.contracts-dialog button{cursor:pointer}.contracts-dialog button:hover{background:#eff5fd}#contractsClose{font-size:24px;line-height:24px}.contract-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.contract-filters input{flex:1;min-width:220px}.contract-filters select{max-width:250px}.contract-table{overflow:auto;margin-top:14px;max-height:48dvh;border:1px solid #e4eaf1;border-radius:9px}.contract-table table{width:100%;border-collapse:collapse;font-size:12px}.contract-table th{position:sticky;top:0;background:#f3f7fb;text-align:left;padding:12px;color:#63768d;white-space:nowrap}.contract-table td{padding:11px 12px;border-top:1px solid #eef1f5}.contract-table td small{display:block;color:#8490a1}.contract-table .contract-open{border:0;padding:0;background:none;color:#286eb0;text-align:left;min-width:180px}.contract-money{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.contract-status{font-size:11px}#contractEmpty{padding:20px;color:#7d8b9e}#contractDetail{border-top:1px solid #dce4ed;margin-top:22px;padding-top:20px}#contractDetail dl{display:flex;gap:25px;flex-wrap:wrap}#contractDetail dt{font-size:11px;color:#7a8799}#contractDetail dd{margin:5px 0;font-size:13px}#contractContent{margin-top:14px}#contractContent pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 inherit;background:#f8fafc;padding:18px;border-radius:8px}#contractContent iframe{display:block;width:100%;height:65dvh;border:1px solid #e1e7ee;margin-top:10px}#contractPdf{background:#2979bd;color:white}
@media(max-width:760px){.contracts-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}.contract-filters{gap:7px}.contract-filters input{width:100%;flex-basis:100%}.contract-filters select{max-width:100%;flex:1;min-width:0}.contract-status{align-items:flex-start}.contract-detail-head{align-items:flex-start}.contract-detail-head h3{font-size:15px}.contract-table{max-height:50dvh}}

.contracts-dialog .contract-month th{background:#edf3fa;color:#334155;text-align:left;font-weight:700;padding:12px 14px;text-transform:capitalize;border-top:1px solid #dbe4ee}