Corrigir exclusao e salvamento de projetos com dialogos customizados e botao duplo salvar

public/style.css

@@ -3231,5 +3231,117 @@ code {
   box-shadow: 0 0 8px rgba(219, 39, 119, 0.2);
 }
 
+/* ==========================================================================
+   CUSTOM MODAL DIALOGS (ALERT & CONFIRM)
+   ========================================================================== */
+.custom-dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 10000;
+  animation: dialogFadeIn 0.2s ease-out forwards;
+}
+
+.custom-dialog-card {
+  background: var(--bg-primary, #121212);
+  border: 1px solid var(--border-light, #262626);
+  border-radius: 16px;
+  width: 400px;
+  max-width: 90%;
+  padding: 24px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  transform: scale(0.9);
+  opacity: 0;
+  animation: dialogScaleUp 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+
+.custom-dialog-header {
+  font-size: 1.1rem;
+  font-weight: 700;
+  color: var(--text-primary, #ffffff);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.custom-dialog-body {
+  font-size: 0.92rem;
+  color: var(--text-secondary, #a3a3a3);
+  line-height: 1.5;
+  margin: 0;
+}
+
+.custom-dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 8px;
+}
+
+.btn-dialog {
+  padding: 8px 18px;
+  font-size: 0.85rem;
+  font-weight: 600;
+  border-radius: 8px;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: all 0.2s ease;
+}
+
+.btn-dialog-cancel {
+  background: transparent;
+  border-color: var(--border-light, #262626);
+  color: var(--text-secondary, #a3a3a3);
+}
+
+.btn-dialog-cancel:hover {
+  background: rgba(255, 255, 255, 0.05);
+  color: var(--text-primary, #ffffff);
+}
+
+.btn-dialog-confirm {
+  background: linear-gradient(135deg, var(--brand-green, #10a37f) 0%, #0a5f49 100%);
+  color: white;
+  box-shadow: 0 4px 12px rgba(16, 163, 127, 0.25);
+}
+
+.btn-dialog-confirm:hover {
+  opacity: 0.9;
+  transform: translateY(-1px);
+}
+
+.btn-dialog-danger {
+  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
+  color: white;
+  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
+}
+
+.btn-dialog-danger:hover {
+  opacity: 0.9;
+  transform: translateY(-1px);
+}
+
+@keyframes dialogFadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes dialogScaleUp {
+  from { transform: scale(0.95); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+