.contract-list{max-width:900px;margin-left:61px;display:grid;gap:18px}
.contract-list.is-empty{display:none}
.empty-contract{display:flex;flex-direction:column;align-items:center;gap:4px;width:calc(100% - 61px);max-width:900px;margin-left:61px;padding:30px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);background:var(--surface);text-align:center;font-size:15px;transition:border-color .15s,color .15s,background .15s}
.empty-contract small{font-size:13px;color:var(--faint)}
.empty-contract:hover{border-color:var(--copper);color:var(--white);background:rgba(209,128,50,.08)}
.empty-contract:hover small{color:var(--copper)}
.contract-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.contract-card-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--line)}
.contract-card-head::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3fa5e0,#be0a43 50%,#f09819)}
.contract-card-head h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:18px;min-width:0}
.contract-summary{font-family:'Futura BK',sans-serif;font-size:14px;color:var(--muted)}
.contract-head-actions{display:flex;align-items:center;gap:6px;flex:none}
.remove-contract{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:50%}
.remove-contract svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.remove-contract:hover,.remove-contract:focus-visible{color:#ffb3b3;border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.08)}
.contract-card.collapsed .contract-card-head{border-bottom-color:transparent}
.confirm-dialog{max-width:min(440px,calc(100vw - 32px));padding:26px 28px;border:1px solid var(--line-strong);border-radius:14px;background:#0b0b0b;color:var(--text)}
.confirm-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.confirm-dialog h3{margin:0 0 8px;font-size:20px}
.confirm-dialog p{margin:0 0 22px;color:var(--muted);font-size:15px}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.dialog-actions button{min-height:42px;padding:8px 20px;border-radius:56px;font-size:15px;border:1px solid var(--line-strong);background:transparent;color:var(--white)}
.dialog-actions .confirm-yes{border-color:rgba(255,107,107,.6);background:rgba(255,107,107,.16);color:#ffc9c9}
.dialog-actions .confirm-yes:hover{background:rgba(255,107,107,.3)}
.dialog-actions .confirm-no:hover{border-color:var(--copper);color:var(--copper)}
.contract-type-field{max-width:420px;margin:24px 22px}
.contract-fields{padding:0 22px 26px}
.contract-fields .form-grid{padding:0;gap:20px}
.contract-actions{max-width:900px;margin:18px 0 0 61px}
.add-contract{display:inline-flex;align-items:center;gap:12px;min-height:50px;border:1px solid transparent;border-radius:56px;padding:9px 22px 9px 12px;background:linear-gradient(#000,#000) padding-box,var(--gradient) border-box;color:var(--white);font-family:'Futura MD',sans-serif;font-size:15px}
.add-contract:hover{background:linear-gradient(#141414,#141414) padding-box,var(--gradient) border-box}
.add-contract span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gradient);color:var(--white);font-size:19px;line-height:1}
.result a{display:inline-block;margin-top:12px;color:var(--copper)}
@media(max-width:760px){.contract-list,.contract-actions{margin-left:0}.empty-contract{width:100%;margin-left:0}.contract-card-head{flex-wrap:wrap}.contract-card-head{padding:15px 17px}.contract-type-field{margin:20px 17px}.contract-fields{padding:0 17px 20px}}