:root{--bg: #f4f6f9;--card: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--income: #16a34a;--income-bg: #f0fdf4;--expense: #dc2626;--expense-bg: #fef2f2;--radius: .75rem;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:520px;margin:0 auto;padding:1.5rem 1rem 3rem}.app-header{text-align:center;margin-bottom:1.5rem}.app-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.balance-card{background:linear-gradient(135deg,#1a1a2e,#2d2b55);color:#fff;border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:var(--shadow-md);margin-bottom:1rem}.balance-label{display:block;font-size:.85rem;opacity:.8;margin-bottom:.25rem}.balance-amount{font-size:2rem;font-weight:700;letter-spacing:-.03em}.balance-amount.positive{color:#86efac}.balance-amount.negative{color:#fca5a5}.summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.summary-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;box-shadow:var(--shadow)}.summary-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.summary-value{font-size:1.15rem;font-weight:600}.income-text{color:var(--income)}.expense-text{color:var(--expense)}.income-bg{border-left:3px solid var(--income)}.expense-bg{border-left:3px solid var(--expense)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1.25rem}.card h2{font-size:1rem;font-weight:600;margin-bottom:1rem}.form{display:flex;flex-direction:column;gap:.75rem}.type-toggle{display:flex;gap:.5rem}.toggle-btn{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.toggle-btn.active-expense{background:var(--expense-bg);border-color:var(--expense);color:var(--expense);font-weight:600}.toggle-btn.active-income{background:var(--income-bg);border-color:var(--income);color:var(--income);font-weight:600}.input{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.9rem;font-family:inherit;background:var(--card);color:var(--text);transition:border-color .15s ease;outline:none}.input:focus{border-color:#818cf8}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8.5L1 3.5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.submit-btn{padding:.65rem;border:none;border-radius:.5rem;background:#4f46e5;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease}.submit-btn:hover{background:#4338ca}.filters{display:flex;gap:.5rem;margin-bottom:1.25rem}.filter-btn{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.transactions{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.transactions h2{font-size:1rem;font-weight:600;margin-bottom:.75rem}.empty{text-align:center;color:var(--text-muted);font-size:.9rem;padding:1.5rem 0}.tx-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tx-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;border-left:3px solid transparent;background:var(--bg);transition:box-shadow .15s ease}.tx-item:hover{box-shadow:var(--shadow)}.tx-item.income{border-left-color:var(--income)}.tx-item.expense{border-left-color:var(--expense)}.tx-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.tx-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-category{font-size:.75rem;color:var(--text-muted)}.tx-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tx-amount{font-size:.95rem;font-weight:600;white-space:nowrap}.delete-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.delete-btn:hover{background:var(--expense-bg);color:var(--expense)}@media(max-width:480px){.app{padding:1rem .75rem 2rem}.balance-amount{font-size:1.65rem}.summary-value{font-size:1rem}}