update money tracker

src/routes/projects/money-tracker/money-tracker.css

@@ -126,6 +126,38 @@
 	letter-spacing: -0.04em;
 	margin-top: 7px;
 }
+.money-app .projection-note {
+	margin-top: 14px;
+	line-height: 1.5;
+}
+.money-app .wish-tier-grid {
+	display: grid;
+	grid-template-columns: repeat(5, minmax(0, 1fr));
+	border: 1px solid var(--site-border);
+	border-radius: 8px;
+	overflow: hidden;
+}
+.money-app .wish-tier-grid > div {
+	display: grid;
+	gap: 5px;
+	padding: 15px;
+	min-width: 0;
+}
+.money-app .wish-tier-grid > div + div {
+	border-left: 1px solid var(--site-border);
+}
+.money-app .wish-tier-grid strong {
+	font-size: 17px;
+	font-weight: 600;
+	overflow-wrap: anywhere;
+}
+.money-app .wish-tier-grid small {
+	color: var(--site-muted);
+	font-size: 11px;
+}
+.money-app .capitalize {
+	text-transform: capitalize;
+}
 .money-app .eyebrow {
 	font-size: 12px;
 	color: var(--site-muted);
@@ -401,6 +433,15 @@
 	font-size: 11px;
 	font-weight: 400;
 }
+.money-dialog .field.check-field {
+	display: flex;
+	align-items: center;
+	font-weight: 400;
+}
+.money-dialog .field.check-field input {
+	width: auto;
+	min-height: auto;
+}
 .money-dialog .dialog-footer {
 	display: flex;
 	justify-content: flex-end;
@@ -430,6 +471,13 @@
 		grid-template-columns: 1fr;
 		gap: 8px;
 	}
+	.money-app .wish-tier-grid {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
+	.money-app .wish-tier-grid > div {
+		border-left: 0 !important;
+		border-top: 1px solid var(--site-border);
+	}
 	.money-app .planning-intro {
 		display: block;
 	}