Jun 28 - Update and polish UI/UX

app/templates/billing/email/subscription_cancelled.html

@@ -0,0 +1,39 @@
+{% extends "billing/email/base.html" %}
+{% set subject = "Your JQC subscription has been cancelled" %}
+{% block body %}
+<h2 style="margin:0 0 8px;font-size:1.2rem;color:#111827;">Subscription cancelled</h2>
+<p style="margin:0 0 20px;color:#6b7280;font-size:.9rem;">Your JQC subscription has ended and your workspace has been suspended.</p>
+
+<table width="100%" cellpadding="12" cellspacing="0" style="background:#fef2f2;border-radius:6px;margin-bottom:24px;">
+  <tr>
+    <td>
+      <p style="margin:0;font-size:.9rem;color:#991b1b;line-height:1.5;">
+        <strong>&#10007; Workspace access suspended</strong><br>
+        Your data is safe and will be retained for 30 days. Reactivate at any time to restore access immediately.
+      </p>
+    </td>
+  </tr>
+</table>
+
+<p style="margin:0 0 24px;font-size:.9rem;color:#374151;line-height:1.6;">
+  If this was a mistake or you'd like to reactivate your subscription,
+  click the button below to manage your billing.
+</p>
+
+<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px;">
+  <tr>
+    <td align="center">
+      <a href="{{ portal_url }}"
+         style="display:inline-block;background:#1a56db;color:#fff;text-decoration:none;
+                padding:12px 28px;border-radius:6px;font-size:.95rem;font-weight:600;">
+        Reactivate Subscription
+      </a>
+    </td>
+  </tr>
+</table>
+
+<p style="margin:0;font-size:.85rem;color:#9ca3af;">
+  Or copy this link into your browser:<br>
+  <a href="{{ portal_url }}" style="color:#1a56db;word-break:break-all;">{{ portal_url }}</a>
+</p>
+{% endblock %}