Add transaction hash links with styling for better user navigation

index.html

@@ -1586,7 +1586,11 @@
                   </div>
                   <div class="tx-detail-row">
                     <span class="tx-label">Tx:</span>
-                    <span class="tx-value full-address tx-hash">${hash}</span>
+                    <span class="tx-value full-address tx-hash">
+                      <a href="https://tonviewer.com/transaction/${hash}" target="_blank" class="tx-hash-link" title="View on TON Viewer">
+                        ${hash}
+                      </a>
+                    </span>
                   </div>
                 </div>
               </div>
@@ -1641,7 +1645,11 @@
                     </div>
                     <div class="tx-detail-row">
                       <span class="tx-label">Tx:</span>
-                      <span class="tx-value full-address tx-hash">${hash}</span>
+                      <span class="tx-value full-address tx-hash">
+                        <a href="https://tonviewer.com/transaction/${hash}" target="_blank" class="tx-hash-link" title="View on TON Viewer">
+                          ${hash}
+                        </a>
+                      </span>
                     </div>
                   </div>
                 </div>

style.css

@@ -2379,3 +2379,29 @@ body {
     padding: 0.75rem;
   }
 }
+
+/* Transaction Hash Link Styling */
+.tx-hash-link {
+  color: var(--primary-color);
+  text-decoration: none;
+  transition: all 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  font-family: "Courier New", monospace;
+  word-break: break-all;
+}
+
+.tx-hash-link:hover {
+  color: var(--primary-color-dark);
+  text-decoration: underline;
+  transform: translateY(-1px);
+}
+
+.tx-hash-link:active {
+  transform: translateY(0);
+}
+
+.tx-hash-link:hover::after {
+  opacity: 1;
+}