adapted sweet alert styles to design theme

public/styles.css

@@ -285,6 +285,52 @@ select.form-input { cursor: pointer; }
     z-index: 3000 !important;
 }
 
+/* SweetAlert2 Portal Theme */
+.swal2-popup {
+    font-family: var(--font-body) !important;
+    border-radius: var(--radius-lg) !important;
+    font-size: var(--font-base) !important;
+}
+
+.swal2-title {
+    font-size: var(--font-lg) !important;
+    color: var(--color-primary) !important;
+    font-weight: 600 !important;
+}
+
+.swal2-html-container {
+    font-size: var(--font-base) !important;
+    color: var(--color-text-secondary) !important;
+    line-height: 1.6 !important;
+}
+
+.swal2-confirm {
+    border-radius: var(--radius-md) !important;
+    font-size: var(--font-sm) !important;
+    font-weight: 600 !important;
+    font-family: var(--font-body) !important;
+    padding: var(--space-sm) var(--space-lg) !important;
+}
+
+.swal2-cancel {
+    border-radius: var(--radius-md) !important;
+    font-size: var(--font-sm) !important;
+    font-weight: 600 !important;
+    font-family: var(--font-body) !important;
+    padding: var(--space-sm) var(--space-lg) !important;
+    background: var(--color-bg) !important;
+    color: var(--color-text) !important;
+    border: 1px solid var(--color-border) !important;
+}
+
+.swal2-deny {
+    border-radius: var(--radius-md) !important;
+    font-size: var(--font-sm) !important;
+    font-weight: 600 !important;
+    font-family: var(--font-body) !important;
+    padding: var(--space-sm) var(--space-lg) !important;
+}
+
 .swal-label {
     display: block;
     font-weight: 600;