/* ========== Delete Modal ========== */
        .delete-confirm-overlay {
          position: fixed; top: 0; left: 0; width: 100%; height: 100%;
          background: rgba(255,255,255,0.6); backdrop-filter: blur(5px);
          z-index: 300; display: none; align-items: center; justify-content: center;
          opacity: 0; transition: opacity 0.3s;
        }
        .delete-confirm-overlay.visible { opacity: 1; }
        
        .delete-confirm-card {
          background: #FFF; width: 280px; padding: 30px;
          border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.08);
          text-align: center; border: 1px solid rgba(0,0,0,0.02);
          transform: scale(0.95); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .delete-confirm-overlay.visible .delete-confirm-card { transform: scale(1); }

        .del-icon { margin-bottom: 20px; color: #FFCDD2; }
        .del-title { font-size: 15px; font-weight: 500; color: #263238; margin-bottom: 8px; }
        .del-desc { font-size: 12px; color: #90A4AE; line-height: 1.5; margin-bottom: 24px; font-weight: 300;}
        
        .del-actions { display: flex; gap: 12px; justify-content: center; }
        .del-btn { 
          flex: 1; padding: 10px 0; border-radius: 25px; font-size: 12px; cursor: pointer; border: none; font-weight: 500;
        }
        .del-btn-cancel { background: #F5F7F8; color: #78909C; }
        .del-btn-confirm { background: #000; color: #FFF; }