Rework of campaign structure; locking

src/styles/components.css

@@ -511,3 +511,42 @@
   font-size: 0.9rem;
   font-weight: 600;
 }
+
+/* Reusable confirm dialog ------------------------------------------------ */
+.confirm-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 12000;
+  display: grid;
+  place-items: center;
+  padding: 1.5rem;
+  background: rgba(15, 23, 42, 0.36);
+  backdrop-filter: blur(2px);
+}
+
+.confirm-dialog {
+  width: min(460px, 100%);
+  padding: 1.25rem;
+  border: 1px solid var(--line, rgba(15, 23, 42, 0.14));
+  border-radius: var(--radius-lg, 18px);
+  background: var(--surface, #fff);
+  color: var(--text, #172033);
+  box-shadow: var(--shadow-strong, 0 24px 64px rgba(15, 23, 42, 0.25));
+}
+
+.confirm-dialog h2 {
+  margin: 0 0 0.55rem;
+  color: var(--text-strong, #111827);
+  font-size: 1.05rem;
+}
+
+.confirm-dialog p {
+  margin: 0;
+  color: var(--muted, #5f6b7a);
+  line-height: 1.5;
+}
+
+.confirm-dialog-actions {
+  justify-content: flex-end;
+  margin-top: 1.1rem;
+}