донат шоп, управление магазином, яндекс метрика

public/site.css

@@ -570,6 +570,60 @@ pre {
     font-size: 0.92rem;
 }
 
+.balance-operation {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 14px 0;
+    border-bottom: 1px solid var(--line);
+}
+
+.balance-operation div {
+    display: grid;
+    gap: 4px;
+}
+
+.balance-operation span {
+    color: var(--muted);
+    font-size: 0.85rem;
+}
+
+.balance-operation--positive {
+    color: var(--gold);
+}
+
+.balance-ledger {
+    margin-top: 22px;
+}
+
+.balance-ledger__row {
+    display: grid;
+    grid-template-columns: minmax(180px, 1fr) minmax(240px, 2fr) minmax(160px, auto);
+    align-items: center;
+    gap: 20px;
+}
+
+.balance-ledger__row > div {
+    display: grid;
+    gap: 5px;
+}
+
+.balance-ledger__row span {
+    color: var(--muted);
+    font-size: 0.88rem;
+}
+
+.balance-ledger__amount {
+    text-align: right;
+}
+
+.shop-reward-grid {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 14px;
+}
+
 .code-block,
 .feed-preview {
     margin: 0;
@@ -758,6 +812,18 @@ pre {
         align-items: stretch;
     }
 
+    .balance-ledger__row {
+        grid-template-columns: 1fr;
+    }
+
+    .shop-reward-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .balance-ledger__amount {
+        text-align: left;
+    }
+
     .hero {
         padding-top: 18px;
     }