add: design, icons, calculation

Implemented new design for PriceCards, added some icons for visuals, added calculation per price card

app/assets/styles/general.css

@@ -5,11 +5,14 @@
 
     --color-white: white;
     --color-red: #cc0001;
-    --color-blue-dark: #341f97;
+    --color-blue-light: #61a7fd;
     --color-blue: #2e86de;
+    --color-blue-dark: #1b4b7f;
     --color-grey: #c7c7c7;
 
     --color-main: var(--color-blue);
+    --color-main-light: var(--color-blue-light);
+    --color-main-dark: var(--color-blue-dark);
 
     --box-shadow-z2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 }
@@ -24,4 +27,26 @@ html,
 body {
     height: 100%;
     overflow-x: hidden;
+    font-family: sans-serif;
+}
+
+.card {
+    overflow: hidden;
+    border-radius: var(--radius-default);
+    border: 1px solid var(--color-main);
+    box-shadow: var(--box-shadow-z2);
+}
+
+.content {
+    padding: 1rem;
+}
+
+.pc-wrapper {
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.flex-col {
+    display: flex;
+    flex-direction: column;
 }