feat(analytics): account commission and investment transfers

Handle cashback commission imports, include commissions in analytics with separate investment metrics, and expose commission/version details in the UI.

Made-with: Cursor

frontend/src/styles/index.css

@@ -139,8 +139,9 @@ body {
   padding: 16px 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 10px;
 }
 
 .sidebar-user {
@@ -148,6 +149,18 @@ body {
   color: var(--color-sidebar-text);
 }
 
+.sidebar-footer-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sidebar-version {
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--color-sidebar-text);
+}
+
 .btn-logout {
   background: none;
   border: none;
@@ -645,6 +658,12 @@ textarea {
   margin-bottom: 8px;
 }
 
+.transaction-card-commission {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  margin-bottom: 6px;
+}
+
 .transaction-card-footer {
   display: flex;
   align-items: center;
@@ -715,6 +734,12 @@ textarea {
   font-weight: 500;
 }
 
+.td-commission {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  font-weight: 400;
+}
+
 .amount-income {
   color: var(--color-success);
 }
@@ -1288,6 +1313,10 @@ textarea {
   border-left-color: var(--color-primary);
 }
 
+.summary-card-investments {
+  border-left-color: var(--color-warning);
+}
+
 .summary-label {
   font-size: 12px;
   font-weight: 600;
@@ -1303,6 +1332,12 @@ textarea {
   font-variant-numeric: tabular-nums;
 }
 
+.summary-subvalue {
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
 .summary-top-list {
   display: flex;
   flex-direction: column;