body{color:#1a1a1a;background:#f5f7fb;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5}.container{max-width:1100px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{letter-spacing:-.3px;margin:0;font-size:28px;font-weight:700}h2{margin-bottom:14px;font-size:20px;font-weight:600}p{color:#777;margin:4px 0 0;font-size:14px}.top-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:24px;padding:18px;box-shadow:0 2px 6px #00000008}input,select{border:1px solid #ddd;border-radius:8px;width:100%;max-width:220px;margin-top:4px;padding:10px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a54e6);border:none;border-radius:8px;padding:10px 14px;transition:all .2s}button:hover{opacity:.9}section>div{margin-bottom:16px}.group-row{flex-wrap:wrap;gap:10px;display:flex}.chip-container{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chip{cursor:pointer;background:#eef2f7;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:500}.chip.active{color:#fff;background:#6c63ff}.member-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.member-chip{background:#eef2f7;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.remove-btn{color:#fff;cursor:pointer;background:#ff5252;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;display:flex}.remove-btn:hover{background:#e53935}.expense-table{flex-direction:column;display:flex}.expense-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 12px;display:flex}.expense-row:hover{background:#fafafa}.left{flex-direction:column;flex:2;gap:4px;display:flex}.primary-line{align-items:center;gap:6px;display:flex}.muted{color:#777;font-size:18px;font-weight:600}.payer{color:#111;font-size:30px;font-weight:700}.secondary-line{color:#666;font-size:22px}.note{color:#888;flex:1;font-size:22px}.date{color:#999;text-align:center;flex:1.7;font-size:24px}.amount{color:#2e7d32;font-size:30px;font-weight:700}.delete-btn{background:#ff5252;border-radius:6px;padding:4px 8px}.delete-btn:hover{background:#e53935}.settlement-table{flex-direction:column;display:flex}.settlement-row{border:1px solid #eee;border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:12px;display:flex}.settle-text{font-size:15px;font-weight:500}.user.from{color:#e53935;font-size:36px;font-weight:600}.user.to{color:#2e7d32;font-size:36px;font-weight:600}.settle-amount{color:#2e7d32;font-size:30px;font-weight:700}.empty-text{color:#777;font-size:14px}.zero-section{border-top:1px dashed #eee;margin-top:10px;padding-top:8px}.zero-row{color:#777;font-size:13px}.ad-box{text-align:center;color:#999;border:2px dashed #ddd;border-radius:10px;padding:20px}.amount-row{align-items:center;gap:8px;display:flex}.toggle-btn{color:#333;background:#eee;padding:8px 10px}.toggle-btn.active{color:#fff;background:#6c63ff}.convert-row{align-items:center;gap:8px;margin-top:8px;display:flex}.conversion-details{color:#666;flex-direction:column;gap:2px;margin-top:4px;font-size:13px;display:flex}.final-line{color:#2e7d32;font-weight:600}.expense-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.conversion-inline{color:#666;flex:1.5;font-size:20px}.right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}