feat: redesign portfolio position cards

src/pages/account/ui/AccountPage.module.css

@@ -3,7 +3,7 @@
 }
 
 .total,
-.row,
+.tile,
 .cash {
 	border-color: var(--mantine-color-gray-3);
 	background: var(--mantine-color-gray-0);
@@ -14,7 +14,7 @@
 	border-top: 3px solid var(--mantine-color-blue-6);
 }
 
-.row,
+.tile,
 .cash {
 	padding: var(--mantine-spacing-md);
 }
@@ -24,8 +24,14 @@
 	justify-content: space-between;
 }
 
-@media (max-width: 36em) {
-	.row :global(.mantine-Group-root) {
-		align-items: flex-start;
-	}
+.positive {
+	color: var(--mantine-color-green-6);
+}
+
+.negative {
+	color: var(--mantine-color-red-6);
+}
+
+.mono {
+	font-family: var(--mantine-font-family-monospace);
 }