#debts-page{display:none}.debts-mode #debts-page{display:block}.debts-mode>aside,.debts-mode>.main,.debts-mode>#broke-dashboard,.debts-mode>#messages-page,.debts-mode>#registration-page,.debts-mode>#bros-join{display:none}.debts-mode{background:#fcfcfa;color:#384631}.debts-shell{max-width:1180px;margin:25px auto;padding:22px 24px 20px;border:1px solid #e2e2d8;border-radius:32px;background:#f7f6ef}.debts-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d6dccf;padding:0 0 28px}.debts-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#384631}.debts-brand img{width:58px;height:58px;object-fit:contain}.debts-brand strong{display:block;font-size:24px;letter-spacing:-.5px}.debts-brand small{display:block;font-size:11px;font-weight:400;color:#7b8574;margin-top:9px;letter-spacing:.2px}.debts-header-actions{display:flex;align-items:center;gap:13px}.debts-header-actions button{background:none;border:0;color:#7c8674;font-size:10px;padding:8px}.debts-header-actions>span{font-size:13px;color:#1c2119;background:#eeede6;border-radius:22px;padding:6px 13px;white-space:nowrap}.debts-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:33px 0 22px}.debts-page-heading h1{font-size:30px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin:0 0 10px}.debts-page-heading p{font-size:14px;color:#828c79;margin:0;line-height:1.7}.debts-add{background:#11130f;color:white;border:0;border-radius:30px;padding:13px 23px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap}.debts-add>span{font-size:25px;line-height:1}.debt-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.debt-statistics>div{background:white;border:1px solid #dfe3d8;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-height:145px}.debt-statistics svg{color:#7b8c6f;width:23px;height:23px;margin-bottom:21px}.debt-statistics strong{font-size:22px;letter-spacing:-.5px;font-weight:500;line-height:1.3}.debt-statistics span{font-size:12px;color:#879180;margin-top:15px}.debts-list-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px}.debts-list-title h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0}.debts-list-title>span{font-size:13px;color:#7f8977}.debts-list{display:grid;gap:14px}.debt-record{background:#fff;border:1px solid #dce1d4;border-radius:24px;padding:23px 21px}.debt-record-heading{display:flex;align-items:center;gap:13px}.debt-record-icon{width:51px;height:51px;border-radius:17px;background:#e9eee3;display:grid;place-items:center;flex-shrink:0}.debt-record-icon svg{width:28px;height:28px}.debt-record-heading>div:nth-child(2){min-width:0}.debt-record-heading h3{font-size:22px;line-height:1.4;font-weight:500;margin:0;letter-spacing:-.4px;overflow-wrap:anywhere}.debt-record-heading p{font-size:12px;color:#85907e;margin:7px 0 0}.debt-status{margin-left:auto;align-self:flex-start;font-size:11px;background:#f1f2ed;color:#6f7965;border-radius:20px;padding:6px 11px;white-space:nowrap}.debt-status.open{background:#dff4e6;color:#168240}.debt-description{font-size:15px;line-height:1.9;color:#7b8574;margin:24px 0 18px;overflow-wrap:anywhere;white-space:pre-line}.debt-values{display:flex;justify-content:space-between;gap:20px}.debt-values small{display:block;font-size:12px;color:#899280;margin-bottom:10px}.debt-values strong{font-size:24px;font-weight:500;letter-spacing:-.5px}.debt-values>div:nth-child(2){text-align:right}.debt-values>div:nth-child(2) strong{font-size:21px}.debt-record-progress{height:10px;border-radius:10px;background:#e8ecdf;margin:23px 0 0;overflow:hidden}.debt-record-progress>div{height:100%;background:#5a7049;border-radius:10px}.debt-record-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:27px}.debt-record-bottom>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#8a977e}.debt-record-bottom svg{width:19px;height:19px}.debt-record-bottom button{background:none;border:0;font-size:14px;color:#3f5232;white-space:nowrap}.debts-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.debts-bottom p{font-size:9px;color:#929c86;line-height:1.8}.debts-bottom button,.debts-back{background:none;border:0;font-size:10px;color:#7d8b70;padding:8px 0}.debts-back{margin-top:4px}.debts-empty{text-align:center;border:1px dashed #cdd6c0;border-radius:22px;padding:50px 20px;background:#fffffc}.debts-empty>div{color:#859972}.debts-empty>div svg{width:45px;height:45px}.debts-empty h3{font-size:23px;font-weight:500;margin:20px 0 12px}.debts-empty p{font-size:12px;line-height:2;color:#8d977f}.debts-empty .debts-add{margin:24px auto 0;font-size:12px}.debts-demo-notice{font-size:8px;letter-spacing:.7px;line-height:1.8;background:#ecefdc;color:#828c60;padding:10px 14px;border-radius:9px;margin-bottom:14px}
@media(max-width:1240px){.debts-shell{margin:22px 28px}}
@media(max-width:700px){.debts-shell{margin:12px;padding:18px 15px;border-radius:23px}.debts-header{padding-bottom:19px;gap:10px}.debts-brand{gap:7px}.debts-brand img{width:44px;height:44px}.debts-brand strong{font-size:19px}.debts-brand small{font-size:8px;margin-top:6px}.debts-header-actions{gap:0}.debts-header-actions button{font-size:8px;padding:6px}.debts-header-actions>span{display:none}.debts-page-heading{align-items:flex-start;margin:24px 0 20px;gap:10px}.debts-page-heading h1{font-size:27px;margin-bottom:7px}.debts-page-heading p{font-size:10px}.debts-add{font-size:10px;padding:11px 13px;gap:6px}.debts-add>span{font-size:20px}.debt-statistics{gap:8px}.debt-statistics>div{padding:13px 10px;min-height:120px;border-radius:15px}.debt-statistics svg{width:20px;height:20px;margin-bottom:15px}.debt-statistics strong{font-size:15px;letter-spacing:-.6px;overflow-wrap:anywhere}.debt-statistics span{font-size:8px;line-height:1.7;margin-top:10px}.debts-list-title{margin:23px 0 14px}.debts-list-title h2{font-size:19px}.debts-list-title>span{font-size:10px}.debt-record{padding:18px 15px;border-radius:20px}.debt-record-heading{gap:10px;flex-wrap:wrap}.debt-record-icon{width:42px;height:42px;border-radius:13px}.debt-record-icon svg{width:24px;height:24px}.debt-record-heading h3{font-size:18px}.debt-record-heading>div:nth-child(2){flex:1}.debt-record-heading p{font-size:9px;line-height:1.8;margin-top:5px}.debt-status{font-size:8px;padding:5px 9px;flex-shrink:0}.debt-description{font-size:12px;line-height:1.9;margin:18px 0 16px}.debt-values{gap:10px}.debt-values small{font-size:9px;line-height:1.7;margin-bottom:7px}.debt-values strong{font-size:20px}.debt-values>div:nth-child(2) strong{font-size:17px}.debt-record-progress{height:8px;margin-top:18px}.debt-record-bottom{margin-top:20px;gap:10px}.debt-record-bottom>span{font-size:9px}.debt-record-bottom button{font-size:11px}.debts-bottom{align-items:flex-start}.debts-bottom p{font-size:7px;max-width:185px}.debts-bottom button{font-size:8px;white-space:nowrap}.debts-empty{padding:35px 15px}.debts-empty h3{font-size:20px}.debts-empty p{font-size:10px}.debts-demo-notice{font-size:7px}}