.debts-page{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100dvh;padding:60px 20px;display:flex;position:relative}.debts-page .arrow-svg{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:44px;height:44px;padding:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:30px;left:30px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.debts-page .arrow-svg:hover{background:rgba(255,255,255,.1);transform:scale(1.08)translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.debts-list{flex-direction:column;gap:20px;width:100%;max-width:600px;margin-top:40px;padding-bottom:60px;display:flex}.debt-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;color:var(--text-primary);cursor:pointer;background:linear-gradient(160deg,rgba(44,44,46,.4) 0%,rgba(28,28,30,.6) 100%);border:1px solid rgba(255,255,255,.08);border-radius:28px;justify-content:space-between;align-items:center;gap:16px;padding:28px 24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 16px 32px -10px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.1)}.debt-card:hover{background:linear-gradient(160deg,rgba(54,54,56,.5) 0%,rgba(38,38,40,.7) 100%);transform:translateY(-4px);box-shadow:0 24px 48px -12px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.15)}.debt-card:active{transform:scale(.97)translateY(0)}.debt-card.settled{opacity:.45}.debt-card .debt-info{flex-direction:column;gap:6px;display:flex}.debt-card .debt-name{letter-spacing:-.3px;font-size:18px;font-weight:700}.debt-card .debt-amount{color:#ff6b6b;letter-spacing:-.5px;font-size:22px;font-weight:800}.debt-card.settled .debt-amount{color:#30d158}.debt-card .debt-origin{color:var(--text-secondary);letter-spacing:.3px;font-size:13px;font-weight:600}.debt-card .debt-check{flex-shrink:0;font-size:28px}.settle-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settle-popup{text-align:center;background:linear-gradient(160deg,rgba(44,44,46,.95) 0%,rgba(28,28,30,.98) 100%);border:1px solid rgba(255,255,255,.12);border-radius:28px;width:90%;max-width:380px;padding:36px 32px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 24px 64px rgba(0,0,0,.6)}.settle-popup h2{background:linear-gradient(#fff,#a0a0a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:20px;font-weight:700}.settle-popup p{color:var(--text-secondary);margin:0 0 28px;font-size:15px;line-height:1.4}.settle-popup .popup-actions{gap:12px;display:flex}.settle-popup .popup-actions button{border-radius:14px;flex:1;padding:14px;font-size:15px}.settle-popup .btn-cancel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.settle-popup .btn-confirm{background:linear-gradient(135deg,#30d158,#28a745);border:none;box-shadow:0 6px 20px rgba(48,209,88,.3)}.settle-popup .btn-confirm:hover{box-shadow:0 10px 28px rgba(48,209,88,.4)}.debts-empty{text-align:center;color:var(--text-secondary);margin-top:80px;font-size:16px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}