.sb{display:grid;grid-gap:14px;gap:14px;max-width:860px}.sb-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.sb-card h2{margin:0;font-size:16px}.sb-card h3{margin:6px 0 0;font-size:15px}.sb-card p{margin:0}.sb-banner{margin:0;padding:10px 14px;border-radius:10px;font-size:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.sb-head{grid-template-columns:minmax(0,1fr) 120px;align-items:end}.sb-people{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sb-person{display:inline-flex;align-items:center;gap:2px}.sb-person .input{width:120px;padding:8px 10px}.xf-del{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.xf-del:hover{background:var(--surface-2);color:var(--text)}.sb-empty{font-size:14px}.sb-expenses{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.sb-expense{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}.sb-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sb-title{flex:1 1 180px;min-width:0}.sb-amount{flex:0 1 130px;min-width:90px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-cur{flex:0 0 auto;width:auto}.sb-expense .input{padding:8px 10px;background:var(--surface)}.sb-who{font-size:13px}.sb-who label{display:inline-flex;align-items:center;gap:6px}.sb-who select.input{width:auto;padding:5px 8px;font-size:13px}.sb-chips{display:flex;flex-wrap:wrap;gap:4px}.sb-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;cursor:pointer;text-decoration:line-through}.sb-chip.on{border-color:var(--accent);color:var(--accent);text-decoration:none;font-weight:600}.sb-conv{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-warn{margin:0;font-size:13px}.sb-add{justify-self:start}.sb-rates{display:flex;flex-wrap:wrap;gap:10px 18px}.sb-rate{display:inline-flex;align-items:center;gap:6px;font-size:14px}.sb-rate .input{width:110px;padding:6px 8px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-rates-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sb-rates-foot .btn{font-size:13px}.sb-result{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.sb-total{font-size:15px}.sb-total b{font-size:22px;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-table{width:100%;border-collapse:collapse;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-table th{font-size:12px;font-weight:600;color:var(--muted);padding:6px 4px}.sb-table td,.sb-table th{text-align:right;border-bottom:1px solid var(--border)}.sb-table td{padding:7px 4px}.sb-table td:first-child,.sb-table th:first-child{text-align:left}.sb-table .pos{color:#16a34a;font-weight:700}.sb-table .neg{color:var(--danger);font-weight:700}.sb-transfers{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.sb-transfers li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.sb-arrow{color:var(--muted)}.sb-pay{margin-left:auto;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-actions{display:flex;flex-wrap:wrap;gap:8px}.sb-actions .btn:disabled{opacity:.5;cursor:default}@media (max-width:520px){.sb-head{grid-template-columns:1fr}.sb-table{font-size:13px}.sb-conv{margin-left:0}}