.app-shell{width:100%;max-width:480px;min-height:100vh;margin:auto;background:var(--bg);padding-bottom:84px}.page-container{padding:16px}.card,.goal-card,.balance-card,.metric-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.card{border-radius:var(--radius);padding:16px;margin:14px 0}.page-hero{padding:6px 2px 16px}.page-hero p{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.page-hero h1{font-size:28px;letter-spacing:-.05em;margin-top:4px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h2{font-size:15px;letter-spacing:-.02em}.text-action{background:transparent;color:var(--blue);font-size:12px;font-weight:800}.button{border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800}.button--primary{background:var(--blue);color:#fff}.button--ghost{background:#f1f4f8;color:var(--ink)}.feedback{margin:40px 0;background:var(--surface);padding:24px;border-radius:var(--radius);text-align:center}.feedback p{color:var(--muted);font-size:13px;margin:8px 0 16px}.empty-state{text-align:center;padding:28px 12px;color:var(--muted)}.empty-state p{font-size:13px;margin-top:6px}.positive{color:var(--green)}