:root{--bg: #faf6f1;--surface: #ffffff;--border: #e6ddd3;--text: #2c2420;--text-muted: #8a7e74;--income: #2a9d6e;--income-bg: #e8f6ef;--expense: #d14f4f;--expense-bg: #fdeaea;--accent: #c27a3a;--accent-bg: #fdf0e4;--radius: 10px;--shadow: 0 1px 3px rgba(44,36,32,.06), 0 1px 2px rgba(44,36,32,.04);--shadow-md: 0 4px 12px rgba(44,36,32,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:var(--text)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg)}input,select,button{font-family:inherit}.app{max-width:860px;margin:0 auto;padding:2rem 1.5rem 3rem}.header{text-align:center;margin-bottom:2rem}.logo{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.logo-icon{margin-right:.25rem}.subtitle{color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow);text-align:center}.summary-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.summary-value{font-size:1.4rem;font-weight:700}.income{color:var(--income)}.expense{color:var(--expense)}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:0}.tab-btn{background:none;border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.form-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.25rem}.input,.select{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.88rem;color:var(--text);outline:none;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--accent)}.input{flex:1;min-width:140px}.input-sm,.select-sm{max-width:130px}.btn{padding:.55rem 1.1rem;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#a86630}.btn-accent{background:var(--income);color:#fff}.btn-accent:hover{background:#238a5e}.btn-icon{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:0 .3rem;line-height:1;transition:color .15s}.btn-icon:hover{color:var(--expense)}.section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.empty{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem 0}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.breakdown{margin-bottom:1.5rem}.bars{display:flex;flex-direction:column;gap:.45rem}.bar-row{display:flex;align-items:center;gap:.6rem}.bar-label{width:90px;font-size:.82rem;color:var(--text-muted);text-align:right}.bar-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.bar-amount{width:70px;font-size:.82rem;font-weight:600;text-align:right}.tx-list{list-style:none}.tx-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.45rem;box-shadow:var(--shadow);transition:box-shadow .15s}.tx-item:hover{box-shadow:var(--shadow-md)}.tx-info{flex:1}.tx-label{font-weight:600;font-size:.92rem}.tx-meta{display:block;font-size:.75rem;color:var(--text-muted)}.tx-amount{font-weight:700;font-size:.95rem;min-width:80px;text-align:right}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow);transition:box-shadow .15s}.goal-card:hover{box-shadow:var(--shadow-md)}.goal-done{border-color:var(--income);background:var(--income-bg)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.goal-name{font-size:1rem;font-weight:700}.goal-progress-track{height:10px;background:var(--border);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.goal-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--income));border-radius:5px;transition:width .4s ease}.goal-stats{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted)}.goal-pct{font-weight:700;color:var(--text)}.goal-badge{display:inline-block;margin-top:.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--income);color:#fff;padding:.2rem .6rem;border-radius:4px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}.tip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tip-icon{font-size:1.6rem}.tip-title{font-size:.95rem;font-weight:700;margin:.4rem 0 .25rem}.tip-desc{font-size:.84rem;color:var(--text-muted)}.footer{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media(max-width:600px){.summary{grid-template-columns:1fr}.form-row{flex-direction:column}.input,.input-sm,.select,.select-sm{max-width:100%;width:100%}.bar-label{width:60px;font-size:.75rem}}