.page-friends{max-width:1600px;margin:0 auto}.friend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.friend-head h2{margin:3px 0 4px;font-size:1.8rem}.friend-head p{margin:0;color:var(--text-muted,#aeb8cd)}.friend-head-actions{display:flex;gap:10px;flex-wrap:wrap}.friend-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.friend-kpis article{min-height:112px;padding:20px;border:1px solid rgba(167,180,211,.2);border-top:2px solid #c79a4b;border-radius:16px;background:var(--card-bg,#14203a);display:flex;align-items:center;gap:15px}.friend-kpis small,.friend-kpis em{display:block;color:var(--text-muted,#aeb8cd);font-style:normal}.friend-kpis strong{display:block;font-size:1.25rem;margin:4px 0}.friend-kpi-icon,.friend-avatar,.friend-activity-icon{display:grid;place-items:center;flex:0 0 auto}.friend-kpi-icon{width:46px;height:46px;border-radius:13px}.friend-kpi-icon.green{background:#dff6e9;color:#168457}.friend-kpi-icon.red{background:#fde8eb;color:#bd4151}.friend-kpi-icon.amber{background:#fff3d7;color:#a66e0e}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.friend-card{height:430px;overflow:hidden;border-top:2px solid #c79a4b!important}.friend-scroll{height:350px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.friend-row,.friend-activity{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid rgba(167,180,211,.17)}.friend-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6d5ce7,#9672ff);color:white;font-weight:800}.friend-row-main{min-width:0;flex:1}.friend-row-main strong,.friend-row-main span{display:block}.friend-row-main span,.friend-activity span{font-size:.78rem;color:var(--text-muted,#aeb8cd);white-space:normal}.friend-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.friend-action{width:34px;height:34px;border:0;border-radius:9px;display:grid;place-items:center}.friend-action.receive{background:#e3f7ec;color:#19744d}.friend-action.pay{background:#fff0db;color:#9c6517}.friend-action.edit{background:#ebe9ff;color:#5f4bd6}.friend-action.delete{background:#fde9ec;color:#b84050}.friend-activity-icon{width:36px;height:36px;border-radius:10px}.friend-activity-icon.open{background:#fff3d7;color:#a66e0e}.friend-activity-icon.settled{background:#e3f7ec;color:#19744d}.friend-activity>div{min-width:0;flex:1}.friend-activity>div strong,.friend-activity>div span{display:block}.friend-activity>b{white-space:nowrap}.friend-activity>b.open{color:#d0a854}.friend-activity>b.settled{color:#54b887}.friend-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--text-muted,#aeb8cd);text-align:center}.friend-guide-list{display:grid;gap:18px;margin-top:14px}.friend-guide-list>div{display:flex;gap:12px;align-items:flex-start}.friend-guide-list>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#c79a4b;color:#11192d;font-weight:900}.friend-guide-list p,.friend-guide-list strong{display:block;margin:0}.friend-guide-list p{color:var(--text-muted,#aeb8cd);font-size:.86rem}.friend-guide-list strong{color:var(--text-primary,#f7f8fc);font-size:.95rem;margin-bottom:3px}.friend-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.friend-full{grid-column:1/-1}.friend-active{display:flex;gap:9px;align-items:center}.friend-note,.friend-settle-summary{border:1px solid rgba(199,154,75,.45);border-top:2px solid #c79a4b;border-radius:12px;padding:12px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.friend-settle-summary{justify-content:space-between}.friend-settle-summary strong{font-size:1.35rem;color:#d8b367}.friend-share-preview{border:1px solid rgba(199,154,75,.35);border-radius:11px;padding:10px 13px}.friend-share-preview small,.friend-share-preview strong{display:block}.friend-share-preview strong{font-size:1.15rem;color:#d8b367}.page-friends .modal-content{border-top:2px solid #c79a4b}.friends-loading{padding:40px;text-align:center;color:var(--text-muted,#aeb8cd)}
@media(max-width:1100px){.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-grid .friend-guide{grid-column:1/-1}.friend-kpis{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto}}
@media(max-width:768px){.friend-head{align-items:stretch;flex-direction:column}.friend-head-actions{display:grid;grid-template-columns:1fr 1fr}.friend-head-actions .friend-split{grid-column:1/-1}.friend-kpis{grid-template-columns:1fr;overflow:visible}.friend-grid{grid-template-columns:1fr}.friend-grid .friend-guide{grid-column:auto}.friend-card{height:420px}.friend-form-grid{grid-template-columns:1fr}.friend-full{grid-column:auto}.friend-row{align-items:flex-start}.friend-row-actions{max-width:84px}}
.modal-content{border-top:2px solid #c79a4b!important}
.friend-action.receive,.friend-action.pay{width:auto;min-width:34px;padding:0 9px;display:flex;gap:5px;font-weight:800}.friend-action span{font-size:.72rem}.friend-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:210px;overflow-y:auto;padding:10px;border:1px solid rgba(199,154,75,.38);border-radius:12px;background:rgba(8,17,37,.42)}.friend-check-grid label{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid rgba(167,180,211,.2);border-radius:10px;background:var(--card-bg,#14203a);color:var(--text-primary,#f7f8fc);cursor:pointer}.friend-check-grid label:has(input:checked){border-color:#c79a4b;background:rgba(199,154,75,.14)}.friend-check-grid input{accent-color:#c79a4b}.friend-check-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.friend-check-grid{grid-template-columns:1fr}.friend-action.receive,.friend-action.pay{padding:0 7px}.friend-action span{font-size:.68rem}}