@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--background: #12100e;--foreground: #f5f0e3;--card: #2c2b27;--card-foreground: #f5f0e3;--popover: #2c2b27;--popover-foreground: #f5f0e3;--primary: #00f75a;--primary-foreground: #12100e;--secondary: #2c2b27;--secondary-foreground: #f5f0e3;--muted: #3a3833;--muted-foreground: #a8a39a;--accent: #00f75a;--accent-foreground: #12100e;--destructive: #ff3b3b;--destructive-foreground: #ffffff;--border: #3a3833;--input: #1e1c1a;--ring: #00f75a;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app{max-width:560px;margin:0 auto;padding:0 16px 80px;width:100%;flex:1}.header{position:sticky;top:0;z-index:100;background:#12100ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;max-width:560px;margin:0 auto}.header__logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--foreground)}.header__logo svg{width:24px;height:24px}.header__tagline{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.headline{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.2;margin-top:28px;margin-bottom:4px}.subheadline{color:var(--muted-foreground);font-size:15px;margin-bottom:24px}.section-title{font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-bottom:12px;margin-top:32px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.income-card{border-color:#00f75a33}.income-label{font-size:13px;color:var(--muted-foreground);margin-bottom:8px;display:block}.income-input-wrap{display:flex;align-items:center;gap:4px;background:var(--input);border:2px solid var(--border);border-radius:var(--radius);padding:0 16px;transition:border-color .2s}.income-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00f75a1f}.income-currency{font-family:var(--font-mono);font-size:20px;color:var(--muted-foreground);font-weight:500}.income-input{flex:1;background:none;border:none;outline:none;color:var(--foreground);font-family:var(--font-mono);font-size:24px;font-weight:500;padding:14px 0;width:100%}.income-input::placeholder{color:var(--muted-foreground);font-size:15px;font-family:var(--font-sans)}.expense-form{display:flex;flex-direction:column;gap:10px}.expense-form__row{display:flex;gap:10px}.expense-form__name{flex:1;background:var(--input);border:2px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--foreground);font-family:var(--font-sans);font-size:15px;outline:none;transition:border-color .2s;min-width:0}.expense-form__name:focus{border-color:var(--primary)}.expense-form__amount{flex:0 0 110px;background:var(--input);border:2px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--foreground);font-family:var(--font-mono);font-size:15px;font-weight:500;outline:none;transition:border-color .2s;min-width:0}.expense-form__amount:focus{border-color:var(--primary)}.expense-form__amount::placeholder,.expense-form__name::placeholder{color:var(--muted-foreground)}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:2px solid var(--border);background:var(--input);color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.category-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-chip--active{border-color:var(--primary);color:var(--foreground);background:#00f75a14}.btn{font-family:var(--font-sans);font-weight:600;font-size:15px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--primary);color:var(--primary-foreground);padding:14px 20px;width:100%}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #00f75a40}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}.expense-list{display:flex;flex-direction:column;gap:8px}.expense-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expense-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.expense-item__info{flex:1;min-width:0}.expense-item__name{font-size:15px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item__cat{font-size:12px;color:var(--muted-foreground)}.expense-item__amount{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--foreground);flex-shrink:0}.expense-item__delete{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.expense-item__delete:hover{color:var(--destructive);background:#ff3b3b1a}.cat-totals{display:flex;flex-direction:column;gap:8px}.cat-total-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--input);border-radius:10px}.cat-total-row__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-total-row__label{flex:1;font-size:14px;color:var(--muted-foreground)}.cat-total-row__value{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--foreground)}.left-to-spend{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px;text-align:center;margin-top:8px}.left-to-spend__label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:8px}.left-to-spend__value{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--primary);text-shadow:0 0 30px rgba(0,247,90,.4);line-height:1.1}.left-to-spend__value--negative{color:var(--destructive);text-shadow:0 0 30px rgba(255,59,59,.4)}.left-to-spend__sub{font-size:13px;color:var(--muted-foreground);margin-top:8px;font-family:var(--font-mono)}.breakdown{display:flex;flex-direction:column;gap:20px}.breakdown-row{display:flex;flex-direction:column;gap:8px}.breakdown-row__header{display:flex;align-items:baseline;justify-content:space-between}.breakdown-row__title{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--foreground)}.breakdown-row__pct{font-family:var(--font-mono);font-size:14px;color:var(--muted-foreground)}.breakdown-row__pct strong{color:var(--foreground);font-weight:500}.breakdown-bar{height:10px;background:var(--input);border-radius:100px;overflow:hidden;position:relative}.breakdown-bar__fill{height:100%;border-radius:100px;transition:width .4s ease-out;position:relative}.breakdown-bar__fill--needs{background:#4a90d9}.breakdown-bar__fill--wants{background:#d97a4a}.breakdown-bar__fill--savings{background:var(--primary)}.breakdown-row__status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.breakdown-row__status--good{color:var(--primary)}.breakdown-row__status--bad{color:var(--destructive)}.breakdown-row__status--neutral{color:var(--muted-foreground)}.breakdown-row__detail{font-family:var(--font-mono);font-size:13px;color:var(--muted-foreground)}.breakdown-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px;margin-bottom:4px}.breakdown-legend__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground)}.breakdown-legend__dot{width:8px;height:8px;border-radius:50%}.empty-state{text-align:center;padding:24px 20px;color:var(--muted-foreground);font-size:14px;line-height:1.6}.footer{text-align:center;padding:40px 16px 20px;color:var(--muted-foreground);font-size:13px;font-family:var(--font-display);font-weight:500;letter-spacing:.05em}.mono{font-family:var(--font-mono);font-weight:500}.divider{height:1px;background:var(--border);margin:0;border:none}@media (max-width: 400px){.left-to-spend__value{font-size:34px}.headline{font-size:24px}}