:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0f0f0f;--surface: #1a1a1a;--border: rgba(255, 255, 255, .08);--text: #fafafa;--muted: rgba(255, 255, 255, .5);--accent: #6366f1;--green: #22c55e;--red: #ef4444;--amber: #f59e0b}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:520px;margin:0 auto;padding:2rem 1rem 4rem}header{text-align:center;margin-bottom:2rem}h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:.9rem;margin-top:.25rem}section{margin-bottom:1.5rem}h2{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.budget-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.budget-display{display:flex;align-items:center;justify-content:space-between}.budget-row{display:flex;flex-direction:column}.budget-row .label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.budget-row .value{font-size:1.5rem;font-weight:700}.budget-edit{display:flex;gap:.5rem}.budget-edit input{flex:1}.stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.stat-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;min-width:140px}.stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.3rem;font-weight:700;margin-top:.25rem}.progress-bar-container{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.pct-label{font-size:.75rem;color:var(--muted);width:100%;text-align:right}.add-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.add-form{display:flex;flex-wrap:wrap;gap:.5rem}.add-form input[type=date]{width:100%}input[type=text],input[type=number],input[type=date]{background:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}.add-form input[type=text]{flex:1;min-width:120px}.add-form input[type=number]{width:110px}button{cursor:pointer;border:none;font-size:.85rem;font-weight:600;border-radius:.5rem;padding:.6rem 1rem;transition:opacity .15s}button:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--muted);padding:.4rem .6rem;font-size:.8rem}.btn-ghost:hover{color:var(--text)}.btn-delete{background:transparent;color:var(--muted);font-size:1.2rem;padding:0 .4rem;line-height:1}.btn-delete:hover{color:var(--red)}.weekly-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.weekly-bars{display:flex;gap:.5rem;align-items:flex-end;height:120px}.weekly-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.weekly-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.weekly-bar{width:80%;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease}.weekly-label{font-size:.7rem;color:var(--muted);margin-top:.4rem}.weekly-amount{font-size:.65rem;color:var(--muted)}.list-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.empty{color:var(--muted);font-size:.85rem;text-align:center;padding:1rem 0}.expense-list{list-style:none;padding:0}.expense-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--border)}.expense-item:last-child{border-bottom:none}.expense-info{display:flex;flex-direction:column}.expense-date{font-size:.7rem;color:var(--muted)}.expense-name{font-size:.95rem;font-weight:500}.expense-right{display:flex;align-items:center;gap:.5rem}.expense-cost{font-weight:600;font-size:.95rem}.gallery-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.gallery-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;background:#ffffff08;border:1px solid var(--border);border-radius:.6rem;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.gallery-item:hover{background:#6366f11a;border-color:var(--accent);transform:translateY(-2px)}.gallery-emoji{font-size:1.8rem;line-height:1}.gallery-name{font-size:.65rem;color:var(--muted);text-align:center;line-height:1.2}.expense-emoji{margin-right:.4rem}