:root{--bg:#f4f6fb;--surface:#fff;--text:#1e2433;--muted:#6b7488;--primary:#4f46e5;--primary-fg:#fff;--secondary:#eef0fb;--secondary-fg:#4f46e5;--border:#e3e7f0;--pos:#16a34a;--neg:#dc2626;--radius:1rem;--maxw:40rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1rem}.header{background:var(--primary);color:var(--primary-fg);border-radius:0 0 1.75rem 1.75rem;padding:1.5rem 0 2rem;box-shadow:0 10px 30px #4f46e540}.header-inner{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:.6rem;display:flex}.brand h1{margin:0;font-size:1.6rem}.header .sub{color:#ffffffd9;margin:.4rem 0 0}main{margin-top:1.5rem}main>section{margin-bottom:1.75rem}.summary{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.sum-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem;display:flex}.sum-card-accent{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#0000}.sum-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}.sum-card-accent .sum-label{color:#fffc}.sum-val{font-size:1.15rem;font-weight:700}.pos{color:var(--pos)}.neg{color:var(--neg)}.sum-card-accent .sum-val{color:#fff}.sec-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sec-head h2{margin:0;font-size:1.4rem}.list{flex-direction:column;gap:.6rem;display:flex}.row{background:var(--surface);border:1px solid var(--border);border-radius:.85rem;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.row-main{flex-direction:column;flex:1;display:flex}.row-name{font-weight:600}.sub{color:var(--muted);font-size:.78rem}.row-amount{font-variant-numeric:tabular-nums;font-weight:700}.row-actions{gap:.25rem;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.25rem .4rem;font-size:1rem}.icon-btn:hover{background:var(--secondary);color:var(--primary)}.empty{text-align:center;color:var(--muted);padding:1.5rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background:#4338ca}.btn-secondary{background:var(--secondary);color:var(--secondary-fg)}.btn-ghost{color:inherit;background:#ffffff26}.header .btn-ghost{color:var(--primary-fg)}.btn-ghost:hover{background:#ffffff47}.footer{text-align:center;color:var(--muted);padding:2rem 0;font-size:.8rem}.modal{z-index:50;background:#14162880;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{background:var(--surface);border-radius:1.25rem;width:min(100%,24rem);padding:1.5rem;box-shadow:0 20px 50px #0000004d}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-head h3{margin:0;font-size:1.2rem}#modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.5rem;line-height:1}#modal-form{flex-direction:column;gap:.85rem;display:flex}#modal-form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}#modal-form input,#modal-form select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:.6rem;padding:.6rem .7rem;font-size:1rem}#modal-form input:focus,#modal-form select:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.modal-foot{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}