:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0f0f0f;--card: #1a1a1a;--border: rgba(255, 255, 255, .08);--text: #fafafa;--text-dim: rgba(255, 255, 255, .55);--accent: #f59e0b;--green: #22c55e;--red: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:560px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--accent)}.subtitle{color:var(--text-dim);font-size:.9rem;margin-top:.25rem}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:.625rem;padding:.875rem;text-align:center}.summary-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.25rem}.summary-value{display:block;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.summary-total .summary-value{color:var(--accent)}.summary-unpaid .summary-value{color:var(--red)}.summary-paid .summary-value{color:var(--green)}.add-form{background:var(--card);border:1px solid var(--border);border-radius:.625rem;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.625rem}.form-row{display:flex;gap:.625rem}.input{flex:1;padding:.6rem .75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input-amount{max-width:140px}.input::placeholder{color:var(--text-dim)}.btn-add{padding:.6rem 1.25rem;background:var(--accent);color:#000;font-weight:600;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn-add:hover{opacity:.85}.filters{display:flex;gap:.5rem;margin-bottom:1rem}.filter-btn{padding:.4rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:2rem;color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .15s}.filter-btn:hover{color:var(--text);border-color:#ffffff26}.filter-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.empty{text-align:center;padding:3rem 1rem;color:var(--text-dim);font-size:.95rem}.debt-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.debt-item{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--border);border-radius:.625rem;padding:.75rem 1rem;transition:opacity .2s}.debt-paid{opacity:.55}.debt-left{display:flex;align-items:center;gap:.75rem;min-width:0}.debt-check{width:1.1rem;height:1.1rem;accent-color:var(--green);cursor:pointer;flex-shrink:0}.debt-info{display:flex;flex-direction:column;min-width:0}.debt-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-paid .debt-name{text-decoration:line-through}.debt-note{font-size:.78rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-date{font-size:.68rem;color:var(--text-dim);opacity:.6}.debt-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.debt-amount{font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--accent)}.badge-paid{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--green);border:1px solid var(--green);padding:.1rem .4rem;border-radius:.25rem}.btn-delete{background:none;border:none;color:var(--text-dim);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .15s}.btn-delete:hover{color:var(--red)}@media(max-width:480px){.summary{grid-template-columns:1fr}.form-row{flex-direction:column}.input-amount{max-width:100%}}