:root{--bg: #f3efe5;--paper: rgba(255, 251, 245, .82);--panel: #fffaf2;--ink: #1f2933;--muted: #5d6b78;--accent: #0d8b6f;--accent-strong: #086c56;--danger: #bf4d28;--line: rgba(31, 41, 51, .1);--shadow: 0 18px 60px rgba(52, 64, 84, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(13,139,111,.18),transparent 30%),radial-gradient(circle at top right,rgba(233,171,53,.24),transparent 32%),linear-gradient(180deg,#f7f0df,#f2f4ef 48%,#eef3f4)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 88%)}a{color:inherit}code{font-family:SFMono-Regular,Menlo,monospace}#root{min-height:100vh}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.hero,.panel,.section-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;padding:36px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffaf2eb,#ffffffad);box-shadow:var(--shadow)}.hero h1,.panel h2,.panel h3{margin:0}.hero h1,.panel h2{font-family:"Source Serif 4",serif;letter-spacing:-.03em}.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95;margin-top:8px}.hero-text{max-width:52ch;margin:18px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.75}.hero-caption{margin:14px 0 0;color:var(--muted);font-size:.92rem}.hero-panel{display:grid;gap:16px;align-content:center}.currency-selector{display:grid;gap:8px}.currency-selector select{min-width:220px}.auth-panel{display:grid;gap:18px;max-width:560px;margin:24px auto 0}.auth-toggle{display:flex;gap:10px}.auth-form{display:grid;gap:14px}.hero-stat,.card,.panel,.section-nav{border:1px solid var(--line)}.hero-stat{padding:18px 20px;border-radius:var(--radius-lg);background:#ffffff85}.stat-label,.eyebrow,.helper-text,th,.progress-label-row{color:var(--muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.section-nav{position:sticky;top:16px;z-index:10;display:flex;gap:10px;width:fit-content;margin:22px 0;padding:10px;border-radius:999px;background:#fffbf5b8;box-shadow:var(--shadow)}.section-nav a{padding:10px 14px;border-radius:999px;text-decoration:none;transition:background .18s ease,transform .18s ease}.section-nav a:hover{background:#0d8b6f1f;transform:translateY(-1px)}.content-grid{display:grid;gap:24px}.panel{padding:28px;border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.panel-wide{display:grid;gap:22px}.section-heading,.table-head,.progress-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.two-column{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.1fr);gap:20px}.card{padding:22px;border-radius:var(--radius-lg);background:var(--panel)}.form-card{display:grid;gap:14px}label{display:grid;gap:8px;font-size:.95rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border:1px solid rgba(31,41,51,.14);border-radius:12px;background:#ffffffeb;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(13,139,111,.18);border-color:#0d8b6f6b}.helper-text{margin:0;font-size:.85rem;line-height:1.6}.primary-button,.ghost-button{cursor:pointer;border:none;border-radius:999px;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button{padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--accent),#11a98a)}.ghost-button{padding:10px 14px;color:var(--ink);background:#0d8b6f14}.ghost-button.is-active{background:#0d8b6f2e}button:hover{transform:translateY(-1px)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-tile{padding:16px;border-radius:16px;background:#0d8b6f0f}.stat-tile strong{display:block;margin-top:10px;font-size:1.15rem}.stat-positive strong{color:var(--accent-strong)}.stat-negative strong{color:var(--danger)}.chart-wrap{margin-top:18px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#0d8b6f14,#0d8b6f05)}.chart-wrap svg{width:100%;height:auto}.history-list,.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.history-pill,.tag{padding:10px 12px;border-radius:999px;background:#1f29330f;font-size:.9rem}.table-card{display:grid;gap:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 8px;border-bottom:1px solid rgba(31,41,51,.08);text-align:left;font-size:.95rem}.amount-income{color:var(--accent-strong)}.amount-expense{color:var(--danger)}.delete-button{padding:6px 10px;border:none;border-radius:999px;background:#bf4d281a;color:var(--danger);cursor:pointer}.progress-block{margin-top:18px}.progress-track{height:14px;border-radius:999px;overflow:hidden;background:#1f29331a}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffb14a,#0d8b6f);transition:width .28s ease}.goal-narrative{margin:18px 0 0;line-height:1.7;color:var(--muted)}.status-banner{margin:0;color:var(--muted)}.status-error{color:var(--danger)}@media (max-width: 900px){.hero,.two-column{grid-template-columns:1fr}.page-shell{width:min(100% - 20px,1180px);padding-top:20px}.panel,.hero{padding:22px}.section-nav{width:100%;overflow-x:auto}}@media (max-width: 640px){.section-heading,.table-head,.progress-label-row{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}}